码迷,mamicode.com
首页 > 其他好文 > 详细

首页功能添加(二)

时间:2017-03-23 22:38:35      阅读:188      评论:0      收藏:0      [点我收藏+]

标签:标签   记录   

  添加导航栏下方的滑动控件,如图

        技术分享

   其中,展示上面5个标签的控件为自定义的PageTitleView,中间绿色背景的视图为PageContentView,利用了UICollectionView的复用性将多个视图添加到上面,实现左右滑动的同时,不会占用更多的内存。

   PageTitleView继承自UIView,添加了滚动视图和底线,在滚动视图上根据传来的标题数量平分屏幕宽度并创建用以展示小标题的label和底部滑块。接下来的逻辑就是在点击对应的label,滑块滑到相应的label下方。(已实现,给label添加的点击事件中,先获取当前点击的label,然后事先设置的参数currentIndex记录了上一次点击的label的tag,以此获取上一次的label,然后就可以改变2个label的相关属性了,滑块的偏移量直接用宽度*tag值即可)

       技术分享

   PageContentView同样继承自UIView,内部自带一个UIColloctionView,目前实现简单的左右滑动。

   需要实现左右滑动PageContentView的视图时,上方的PageTitleView的标题跟着一起变化到滑动的那一页,反之,点击PageTitleView上的某个标题时,下方的视图也跟着滑动。


首页功能添加(二)

标签:标签   记录   

原文地址:http://11572149.blog.51cto.com/11562149/1909771

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!