之前看到Apple store里面有横向的tableview,当然也有可能是collectionview啦。
尤其是项目中只有一条那么需要横向滑动的东西,就没有必要使用庞大的collectionview了,点缀的使用一下横向的tableview反而更方便和灵活。当然此处大部分的情况可能是在父tableview的cell中使用个横向的tableview。
下面就简单的介绍一下,基于系统原生的UITableView封装横向tableview的要点。
我封装tableview的时候主要使用了一种比较流行的方法,tableview旋转-PI/2个单位的弧度(即逆时针旋转90度),cell旋转PI/2个单位弧度(即顺时针旋转90度)。这样的最终结果就是tableview成为了横向的。封装的过程中有一个地方比较难以理解的,就是横向的tableview的point问题,因为旋转,默认的是以tableview的中心点旋转,这样就造成了旋转后“看起来”的位置或者说Frame发生了改变,所以要修复这个因为旋转造成的“Frame偏差”。此处,你可以拿着你的手机,竖着放在一张竖着的A4纸上面,手机的左上角与A4纸左上角重合,意味着point为(0,0),然后你把手机逆时针旋转90度,看看有什么结果,结果应该是,手机左面突出了A4纸一部分,上面也距离纸的顶边一定的距离。那么这个距离是多少呢,应该就是长的二分之一减去宽的二分之一,具体的代码就是这样写的ABS(self.bounds.size.width - self.bounds.size.height) / 2,就不解释为什么是这个值了,因为我不知道言语怎么表达,我也找不到合适的画图工具。自己体验一下就能体会到。
所以此时的横向tableview向右向上都偏移 ABS(self.bounds.size.width - self.bounds.size.height) / 2 这个距离就好了。
剩下的就是封装的时候,实现UITableView的回调了,UITableView的必须实现的回调就必须实现了,然后非必需的也可以二次封装,此时还可以给一个默认的的值,以便不实现改回调时该*能给出默认的值,如下面的这个样子:
- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
if ([self.delegate_Y respondsToSelector:@selector(h_tableView:heightForRowAtIndexPath:)]) {
return [self.delegate_Y h_tableView:self heightForRowAtIndexPath:indexPath];
}
return ;
}
必须实现的回调也贴出来一下吧:
#pragma mark - UITableViewDataSource
- (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
if ([self.dataSource_Y respondsToSelector:@selector(h_tableView:numberOfRowsInSection:)]) {
return [self.dataSource_Y h_tableView:self numberOfRowsInSection:section];
}
return ;
} - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
if ([self.dataSource_Y respondsToSelector:@selector(h_tableView:cellForRowAtIndexPath:)]) {
return [self.dataSource_Y h_tableView:self cellForRowAtIndexPath:indexPath];
}
return nil;
}
不用仔细看代码也没问题,最后我会贴出coding的链接,可以去下载源码看看
因为UITableView的回调,太多了,我就封装了几个,如果你需要更多的,可以另行的仿照实现。
说了这么多,再说说这个*的弱点吧,因为在使用xib或者storyboard拖约束布局的时候会产生问题,所以代码中,默认的注释掉了- (instancetype)initWithCoder:(NSCoder *)coder。推荐直接代码写frame。
因为cell已经被旋转,所以直接正常的frame的布局就可以了。
代码:https://coding.net/u/ysk/p/HorizontalTableView/git
就写到这吧,有什么不妥或者感觉我写的有什么不对的地方,欢迎指正啊。