UITableView+FDTemplateLayoutCell计算行高一些缺陷的解决方法

前言

UITableView动态行高一直是iOS的一个经典问题,在没有AutoLayout的时代,只能自己计算frame,然后返回给代理,非常痛苦。到了AutoLayout的时代,布局就变得简单多了,甚至于通过系统提供的API都能自动计算出行高。

UITableView+FDTemplateLayoutCell就是sunnyxx大大的一个自动计算行高的框架。只要布局正确,通过它可以自动计算并缓存行高,非常方便。不过在使用上发现一些问题,也尝试去解决了。

过程

需求是这样的,一个类似微博的页面,像这样:

WechatIMG61.jpeg

这应该是比较经典的布局,内容和图片都是不确定的,行高要根据实际数据计算。九宫格实现方式有很多,我这里是通过UICollectionView去实现的。这样的一个好处就是UICollectionView的高度可以通过它的collectionViewLayout对象获取,啥都不用算。不过会有一个问题,UICollectionView继承自UIScrollView,它的高度没法按照内容来全显示。所以即使布局正确,通过AutoLayout来计算行高也是不包括UICollectionView的,这个问题同样反映在一些UIView控件上。

这就十分蛋疼了,难道还要回到手算frame的时代?当然不是,是我还写啥博客。

我说下解决的几个方法。

方法一(不推荐):手动设置collectionView的高度,可以通过代码或者xib来设置,我这里是xib。

image.png

像这样手动指定collectionView的高度,然后赋值数据源的时候更新collectionView高度约束就可以了,让它的高度等于它的contentSize.height,这样就能全部显示了,其它UIView控件也能这么解决。但是这样在计算行高的时候会抛出非常多异常,都是约束的问题。我不是很清楚这是什么原因,按理说计算再后,赋值在前,应该不会这样。而且显示会出一些问题,计算的行高会不正确,有些许误差。

方法二(推荐):既然不能通过这种方式,那就绕个弯吧。去掉高度约束,计算出来的高就不包含collectionView的高。然后再手动加上collectionView的高返回给代理不就行了。不过看下UITableView+FDTemplateLayoutCell的拓展方法:

- (CGFloat)fd_heightForCellWithIdentifier:(NSString *)identifier 
                            configuration:(void (^)(id cell))configuration;

只有一个设置cell数据源的block,正常情况下我们只需要把cell换成我们自己的类,然后赋值模型就行,缓存之类的框架会自动处理好。虽然我们可以获取到缓存高度之后再加上collectionView的高,但是这样还叫啥缓存,缓存就是不需要计算,直接取到就能用,那怎么办呢?
虽然可以通过Method Swizzling黑魔法交换方法实现,但是这并不是最优方法,往往是一些莫名其妙的bug的源泉,作为开发者应该尽量避免这种方式。所以最后我选择了通过分类的方式。思路是在框架计算完高度之后通过block返回,我们自行处理行高,加加减减,然后返回高度让框架缓存。
具体代码:
我们参考下框架这个方法的实现

- (CGFloat)fd_heightForCellWithIdentifier:(NSString *)identifier 
                         cacheByIndexPath:(NSIndexPath *)indexPath 
                            configuration:(void (^)(id cell))configuration {
    if (!identifier || !indexPath) {
        return 0;
    }
    
    //命中缓存
    if ([self.fd_indexPathHeightCache existsHeightAtIndexPath:indexPath]) {
        [self fd_debugLog:[NSString stringWithFormat:@"hit cache by index path[%@:%@] - %@", @(indexPath.section), @(indexPath.row), @([self.fd_indexPathHeightCache heightForIndexPath:indexPath])]];
        return [self.fd_indexPathHeightCache heightForIndexPath:indexPath];
    }
    
    //计算行高
    CGFloat height = [self fd_heightForCellWithIdentifier:identifier configuration:configuration];
    [self.fd_indexPathHeightCache cacheHeight:height byIndexPath:indexPath];
    [self fd_debugLog:[NSString stringWithFormat: @"cached by index path[%@:%@] - %@", @(indexPath.section), @(indexPath.row), @(height)]];
    
    return height;
}

它先从缓存中寻找行高,命中之后直接返回。否则计算行高,存入缓存,然后返回。所以很简单,我们可以直接复制它的代码。写一个带编辑行高功能的方法:

typedef CGFloat(^editCellHeightAction)(id cell, CGFloat cellHeight);

- (CGFloat)jh_heightForCellWithIdentifier:(NSString *)identifier
                         cacheByIndexPath:(NSIndexPath *)indexPath
                            configuration:(void (^)(id cell))configuration
                               editAction:(editCellHeightAction)editAction {
    if (!identifier || !indexPath) {
        return 0;
    }
    // Hit cache
    if ([self.fd_indexPathHeightCache existsHeightAtIndexPath:indexPath]) {
        [self fd_debugLog:[NSString stringWithFormat:@"hit cache by index path[%@:%@] - %@", @(indexPath.section), @(indexPath.row), @([self.fd_indexPathHeightCache heightForIndexPath:indexPath])]];
        return [self.fd_indexPathHeightCache heightForIndexPath:indexPath];
    }
    
    CGFloat height = 0;
    //获取缓存中的cell
    UITableViewCell *templateLayoutCell = [self fd_templateCellForReuseIdentifier:identifier];
    //这里插入编辑行高的代码
    if (editAction) {
        height = editAction(templateLayoutCell, [self fd_heightForCellWithIdentifier:identifier configuration:configuration]);
    }
    else {
        height = [self fd_heightForCellWithIdentifier:identifier configuration:configuration];
    }
    
    [self.fd_indexPathHeightCache cacheHeight:height byIndexPath:indexPath];
    [self fd_debugLog:[NSString stringWithFormat: @"cached by index path[%@:%@] - %@", @(indexPath.section), @(indexPath.row), @(height)]];
    return height;
}
}

使用起来像这样:

- (CGFloat)tableView:(UITableView *)tableView
heightForRowAtIndexPath:(NSIndexPath *)indexPath {
     return [tableView jh_heightForCellWithIdentifier:@"MineCell" cacheByIndexPath:indexPath configuration:^(HeSquareCell *cell) {
            //正常赋值数据源
            cell.model = self.model;
        } editAction:^CGFloat(MineCell *cell, CGFloat cellHeight) {
            //cellHeight是上面的block计算后回调过来的 所以直接加上额外的高度即可
            //因为缓存的关系这里只会走一次 所以可以放心写
            return cellHeight + [cell collectionViewHeightWithModel:self.model];
        }];
}

这样高度就能正常显示了,而且也不会抛异常,还能享受框架带来的便利。
UITableView+FDTemplateLayoutCell的接口设计很易于拓展,所以写起来很简单。还有个问题,我发现在使用这个框架的时候,如果_tableView.tableFooterView = [[UIView alloc] init];这句话写在注册cell之前,程序会crash,不造为啥。如果各位有更好的解决思路或者文中有错误的地方欢迎给我留言。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 200,045评论 5 468
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 84,114评论 2 377
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 147,120评论 0 332
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 53,902评论 1 272
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 62,828评论 5 360
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 48,132评论 1 277
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 37,590评论 3 390
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 36,258评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 40,408评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 35,335评论 2 317
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 37,385评论 1 329
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 33,068评论 3 315
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 38,660评论 3 303
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,747评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,967评论 1 255
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 42,406评论 2 346
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 41,970评论 2 341

推荐阅读更多精彩内容

  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 11,982评论 4 60
  • 很早就入睡的习惯还是小时候在姥姥家养成的、后来回妈妈家、每晚也总会催促着早睡、妈妈总会叮嘱着、晚上不要熬夜、不然第...
    陈琳琳阅读 160评论 0 0
  • 有人说:每一个不想恋爱的人,心里都住着一个不可能的人。当时我就在默念着:“那不就是你吗?小渔。” 坐公交的时候偶尔...
    步枪45阅读 265评论 0 0
  • 看到网上好多教程的是在VS环境下OpenCV的安装,而我一直都是在windows7,32位,sublime+cmd...
    Kedi阅读 1,917评论 1 5
  • 用人生讲一个故事,不求悲怆,不求欢喜,只愿故事讲完那一天,眸子里的自己是浅笑的。 关于人世,向来遥远,我愿一生是个...
    若彦阅读 148评论 2 0