• 设为首页
  • 点击收藏
  • 手机版
    手机扫一扫访问
    迪恩网络手机版
  • 关注官方公众号
    微信扫一扫关注
    公众号

swift-实现类似今日头条顶部标签和底部内容的动态解决方案

原作者: [db:作者] 来自: [db:来源] 收藏 邀请

TYPageView

TYPageView 类似今日头条 的标签导航解决方案,支持多种样式选择,基于swift3.0,支持文字颜色动态变化,底部选中线的动态变化

配图:

使用方法:

        let titles = ["推荐","热点","健身","海贼王","大闹天宫","推荐","热点","健身","海贼王","大闹天宫"]
        var childsVc:[UIViewController] = [UIViewController]()
        for _ in 0..<titles.count {
            let contentVc = TYContentController()  //控制器管理
            childsVc.append(contentVc)
        }
        let pageView = TYPageView(frame: view.bounds, titles: titles, childControllers: childsVc, parentController: self)
        view.addSubview(pageView)

设置属性TYPageStyle(不传入样式,使用默认属性)

    var labelHeight:CGFloat = 44            //标签高度
    var labelMargin:CGFloat = 20            //标签间隔
    var labelFont:CGFloat = 15              //标签字体大小
    var labelLayout:LabelLayout = .scroll   //默认可以滚动
    var selectColor:UIColor = UIColor(r: 255, g: 0, b: 0)  //字体颜色必须为rgb格式
    var normalColor:UIColor = UIColor(r: 0, g: 0, b: 0)    //字体颜色必须为rgb格式
    var isShowLabelScale:Bool = true        //是否显示文字动画

    var isShowBottomLine:Bool = true        //是否显示底部的线
    var bottomLineColor:UIColor = .red
    var bottomAlginLabel:Bool = true        //bottomline跟随文字标签宽度  默认跟随label的宽度 false跟随labelText的宽度

设置label布局样式

enum LabelLayout {
    case scroll   //可以滚动
    case divide   //不可以滚动,所有label均分
    case center   //居中,不可以滚动
}

demo下载地址:https://github.com/qqcc1388/TYPageView


鲜花

握手

雷人

路过

鸡蛋
该文章已有0人参与评论

请发表评论

全部评论

专题导读
热门推荐
热门话题
阅读排行榜

扫描微信二维码

查看手机版网站

随时了解更新最新资讯

139-2527-9053

在线客服(服务时间 9:00~18:00)

在线QQ客服
地址:深圳市南山区西丽大学城创智工业园
电邮:jeky_zhao#qq.com
移动电话:139-2527-9053

Powered by 互联科技 X3.4© 2001-2213 极客世界.|Sitemap