首页功能添加(二)
2017-03-23 18:52
357 查看
添加导航栏下方的滑动控件,如图
其中,展示上面5个标签的控件为自定义的PageTitleView,中间绿色背景的视图为PageContentView,利用了UICollectionView的复用性将多个视图添加到上面,实现左右滑动的同时,不会占用更多的内存。
PageTitleView继承自UIView,添加了滚动视图和底线,在滚动视图上根据传来的标题数量平分屏幕宽度并创建用以展示小标题的label和底部滑块。接下来的逻辑就是在点击对应的label,滑块滑到相应的label下方。(已实现,给label添加的点击事件中,先获取当前点击的label,然后事先设置的参数currentIndex记录了上一次点击的label的tag,以此获取上一次的label,然后就可以改变2个label的相关属性了,滑块的偏移量直接用宽度*tag值即可)
PageContentView同样继承自UIView,内部自带一个UIColloctionView,目前实现简单的左右滑动。
需要实现左右滑动PageContentView的视图时,上方的PageTitleView的标题跟着一起变化到滑动的那一页,反之,点击PageTitleView上的某个标题时,下方的视图也跟着滑动。
其中,展示上面5个标签的控件为自定义的PageTitleView,中间绿色背景的视图为PageContentView,利用了UICollectionView的复用性将多个视图添加到上面,实现左右滑动的同时,不会占用更多的内存。
PageTitleView继承自UIView,添加了滚动视图和底线,在滚动视图上根据传来的标题数量平分屏幕宽度并创建用以展示小标题的label和底部滑块。接下来的逻辑就是在点击对应的label,滑块滑到相应的label下方。(已实现,给label添加的点击事件中,先获取当前点击的label,然后事先设置的参数currentIndex记录了上一次点击的label的tag,以此获取上一次的label,然后就可以改变2个label的相关属性了,滑块的偏移量直接用宽度*tag值即可)
PageContentView同样继承自UIView,内部自带一个UIColloctionView,目前实现简单的左右滑动。
需要实现左右滑动PageContentView的视图时,上方的PageTitleView的标题跟着一起变化到滑动的那一页,反之,点击PageTitleView上的某个标题时,下方的视图也跟着滑动。
相关文章推荐
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 首页功能添加(一)
- 首页功能添加(五)
- 首页功能添加(四)
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 添加功能图标在首页显示
- JS 添加收藏 设为首页功能
- 仿支付宝首页(更多)添加、删除、拖拽、点击等功能
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 为datagrid的自带分页添加首页、尾页及状态功能
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 99信息发布网,添加收藏,设置为首页功能,ie上可以实现的;
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 为DataGrid的自带分页添加首页、尾页及状态功能(转载)
- 为DataGrid的自带分页添加首页、尾页及状态功能
- 首页功能添加(四)
- 给destoon商城的列表中和首页添加购物车功能
- 首页功能添加(三)