需求
左右可滑动+选项卡切换视图,相信大多数人都做过这样的需求,就我接触到的做个整理.
根据不同情况我会分两种情况去做,一种是自己之前写的ScrollView实现的,一种是之前项目用到的ICViewPage.
git传送门:demo在这里
处理1
大多数的页面是这样的,我们的产品自从用了这样的设计后,简直了,不管是不是一个层级,需不需要在一个页面展示,都会让做成这样,多少信息都要在一个页面展示完,甚至放弃navItem的功效...
直观 != 堆一块展示
先来用ScrollView实现:
说正题,这样的页面一点不复杂,撸一个:
第一步:init一个标题栏,上面放上标题
第二部:用scrollView做底部View,显示所需要的view
需要数据源:title数组 和 view或者controllerView
上代码:
设置数据源
定义颜色
一堆alloc.init,其中需要判断导航栏状态设置起始高度,见下图
初始化scrollView就省掉了,需要判断导航栏情况,view必须重置frame哦,这可能是个坑
导航栏判断
监听事件,滚动滑块
这些代码每个初学者都能完成,起始也就是简单,为什么拿出来说这种情况,我觉得页面上如果是固定的两个选项卡的话,推荐用这种,简单易改
如果是多个选项卡的话,例如新闻客户端那样,很多选项卡,那么会带来两个问题:
1.数据的加载,滚动到哪一页处理哪一页的请求么?另一个问题又来了,从第一页点选项卡到第三页,中间ScrollView需要滑过第二页,那么第二页的请求也会进行, 还是scrollView左右滑动时不要刷新数据，刚进来时一次性请求所有数据
2.手势冲突,之前遇见过,具体情况我忘了..
使用:
需要继承
处理二
资讯类的处理,之前项目用到ICViewPager,框架简单,好用,简单整理一下
源码戳这 git地址
同样需要继承来使用
使用:
设置ViewPagerDataSource和ViewPagerDelegate,方法类似tableView,很亲切...
dataSource
自定义样式
自定义颜色
处理资讯类真的很给力,用了都说好,拜~下期见
