iOS开发之多表视图滑动切换示例.docxVIP

iOS开发之多表视图滑动切换示例（仿头条客户端）好长时间没为大家带来iOS开发干货的东西了，今天给大家分享一个头条新闻客户端各个类别进行切换的一个示例。在Demo中对所需的组件进行的简单封装，在封装的组件中使用的是纯代码的形式，如果想要在项目中进行使用，稍微进行修改即可。废话少说，先介绍一下功能点，下图是整个Demo的功能点，最上面左边的TabBarButtonItem是用来减少条目的，比如下图有三个按钮，点击减号会减少一个条目。右边的为增加一个条目。点击相应的按钮是切换到对应的表视图上，下方红色的是滑动的指示器，同时支持手势滑动。运行具体效果如下图所示。一：实现方案最上方是一个View, View上面实例化了一些按钮，平分屏幕的宽度，下方是一个ScrollView, ScrollView上面放了一些表视图，点击不同的Button, 滑动到对应的表示图上。除了点击按钮，还可以进行滑动切换，切换时，红色的指示器也会随之滑动。主要的技术点就是通过ScrollView的回调，通过事件的响应来改变ScrollView的ContentOffset的值。在回调中根据ContentOffset的值来计算红色指示器的偏移量。二：核心代码1.组件中的主要属性把上面整个视图进行了封装，命名为SlideTabBarView，下面的代码是主要属性：?@interface?SlideTabBarView()///@brife?整个视图的大小?@property?(assign)?CGRect?mViewFrame;?///@brife?下方的ScrollView?@property?(strong,?nonatomic)?UIScrollView?*scrollView;?///@brife?上方的按钮数组?@property?(strong,?nonatomic)?NSMutableArray?*topViews;?///@brife?下方的表格数组?@property?(strong,?nonatomic)?NSMutableArray?*scrollTableViews;?///@brife?TableViews的数据源?@property?(strong,?nonatomic)?NSMutableArray?*dataSource;?///@brife?当前选中页数?@property?(assign)?NSInteger?currentPage;?///@brife?下面滑动的View?@property?(strong,?nonatomic)?UIView?*slideView;?@end?2.初始化方法如下，在调用初始化方法时需要传入SlideTabBarView的frame和选项卡的个数，初始化函数会调用一系列的初始化方法对组件进行初始化，代码如下：-(instancetype)initWithFrame:(CGRect)frame?WithCount:?(NSInteger)?count{?self?=?[super?initWithFrame:frame];??if?(self)?{?_mViewFrame?=?frame;?_tabCount?=?count;?_topViews?=?[[NSMutableArray?alloc]?init];?_scrollTableViews?=?[[NSMutableArray?alloc]?init];??[self?initDataSource];??[self?initScrollView];??[self?initTopTabs];??[self?initDownTables];??[self?initDataSource];??[self?initSlideView];??}??return?self;?}?3.initDataSource方法主要负责模拟生成下方TableView要显示的数据。代码如下：#pragma?mark?--?初始化表格的数据源?-(void)?initDataSource{?_dataSource?=?[[NSMutableArray?alloc]?initWithCapacity:_tabCount];??for?(int?i?=?1;?i?=?_tabCount;?i?++)?{??NSMutableArray?*tempArray?=?[[NSMutableArray?alloc]?initWithCapacity:20];??for?(int?j?=?1;?j?=?20;?j?++)?{??NSString?*tempStr?=?[NSString?stringWithFormat:@我是第%d个TableView的第%d条数据。,?i,?j];