zoukankan      html  css  js  c++  java
  • iOS有关横向TableView的东西

    之前看到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的必须实现的回调就必须实现了,然后非必需的也可以二次封装,此时还可以给一个默认的的值,以便不实现改回调时该轮子能给出默认的值,如下面的这个样子:

    1 - (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    2     if ([self.delegate_Y respondsToSelector:@selector(h_tableView:heightForRowAtIndexPath:)]) {
    3         return [self.delegate_Y h_tableView:self heightForRowAtIndexPath:indexPath];
    4     }
    5     return 100;
    6 }

    必须实现的回调也贴出来一下吧:

     1 #pragma mark - UITableViewDataSource
     2 - (NSInteger)tableView:(UITableView *)tableView numberOfRowsInSection:(NSInteger)section {
     3     if ([self.dataSource_Y respondsToSelector:@selector(h_tableView:numberOfRowsInSection:)]) {
     4         return [self.dataSource_Y h_tableView:self numberOfRowsInSection:section];
     5     }
     6     return 0;
     7 }
     8 
     9 - (UITableViewCell *)tableView:(UITableView *)tableView cellForRowAtIndexPath:(NSIndexPath *)indexPath {
    10     if ([self.dataSource_Y respondsToSelector:@selector(h_tableView:cellForRowAtIndexPath:)]) {
    11         return [self.dataSource_Y h_tableView:self cellForRowAtIndexPath:indexPath];
    12     }
    13     return nil;
    14 }

    不用仔细看代码也没问题,最后我会贴出coding的链接,可以去下载源码看看

    因为UITableView的回调,太多了,我就封装了几个,如果你需要更多的,可以另行的仿照实现。

    说了这么多,再说说这个轮子的弱点吧,因为在使用xib或者storyboard拖约束布局的时候会产生问题,所以代码中,默认的注释掉了- (instancetype)initWithCoder:(NSCoder *)coder。推荐直接代码写frame。

    因为cell已经被旋转,所以直接正常的frame的布局就可以了。

    代码:https://coding.net/u/ysk/p/HorizontalTableView/git

    就写到这吧,有什么不妥或者感觉我写的有什么不对的地方,欢迎指正啊。

  • 相关阅读:
    第三周学习笔记
    质量属性
    第四周学习
    逻辑回归
    架构的概念
    第二周总结
    线性回归
    十步走-阅读笔记六
    十步走-阅读笔记五
    P2633 Count on a tree
  • 原文地址:https://www.cnblogs.com/ysk-china/p/5385040.html
Copyright © 2011-2022 走看看