UITableView-FDTemplateLayoutCell 源码分析

UITableView-FDTemplateLayoutCell 源码分析

以下简称 UITableView-FDTemplateLayoutCellFDT

FDT

FDT 的作用在我看来就是可以缓存 Cell 高度。如果你还不知道为什么需要缓存 Cell 高度的话,可以先看下这篇文章 UITableViewCell 自动高度,了解下 iOS8 开始如何实现 Cell 的自动算高,并且为什么需要缓存已经计算过的 Cell 的高度。

那么只是实现缓存高度的话,为什么还需要分析 FDT 的源码呢?因为 FDT 源码写得很好,要不那么多 star 呢、群众的眼睛是雪亮的。就这一点就足以让我们分析下 FDT 是如何实现代码的。

明确目标

通过 UITableViewCell 自动高度,我们知道了要实现高度缓存我们需要做的工作如下:

  1. 决定合适的 Cache Key
  2. 选取合适的 Cache Storage
  3. 在 Delete/Insert 发生时调整缓存数据

于是我们就可以以这几个为目标分析下它们在 FDT 中的实现。

Cache Key

UITableViewCell 自动高度 中我们已经知道了,indexPath 是可以作为 Cache Key 的,那是我们但从 Cell 角度考虑后的结论。但是 FDT 是很用心的,它除了提供了 indexPath 作为 Cache Key 的方式,还提供了另外一个 API:

- (CGFloat)fd_heightForCellWithIdentifier:(NSString *)identifier 
                               cacheByKey:(id<NSCopying>)key 
                            configuration:(void (^)(id cell))configuration;

这个 API 可以让我自由的决定 Cache Key 的来源,并且 FDT 还很贴心的告诉我们,可以使用 unique entity identifier

我们知道数据库中的内容可以通过 ORM 变成 relational entities,比如你有一个 Student 表,里面每一行都是一个学生的信息,于是 ORM 之后每行就是一个 entity,而 primary key(通常就是 autoincrement-id) 就可以作为 Cache Key。

这是 FDT 的相关例子:

- (CGFloat)tableView:(UITableView *)tableView heightForRowAtIndexPath:(NSIndexPath *)indexPath {
    Entity *entity = self.entities[indexPath.row];
    return [tableView fd_heightForCellWithIdentifier:@"identifer" cacheByKey:entity.uid configuration:^(id cell) {
        // configurations
    }];
}

Cache Storage

UITableViewCell 自动高度 中我们已经分析了一个可以作为 Storage 的候选,最后得出 objc_setAssociatedObjectNSMutableArray 性能要大幅度优于 NSCache。那么我们可以看看 FDT 的实现是不是符合我们的期望。

通过阅读源码,我们会发现在 FDT 中同时使用了 objc_setAssociatedObjectNSMutableArray

objc_setAssociatedObject

先说说使用 objc_setAssociatedObject 的地方,分别是:

  1. fd_indexPathHeightCache
  2. fd_keyedHeightCache
  3. ...

我们就看两个典型的,它们有下面的特性:

  1. lazy initialized
  2. OBJC_ASSOCIATION_RETAIN_NONATOMIC 到了 UITableView 实例上

这么做的好处呢?很明显啊:

  1. lazy initialized,就是在用到相关的缓存策略时才会初始化其 Cache Storage
  2. 将 Cache 的释放托管给了 UITableView 实例的生命周期,不用管释放内存的事情了

也是由于第 2 点优势(或者说需求)吧,那些地方才用了 objc_setAssociatedObject。所以说具体用什么是酌情而定的,没有银弹。

NSMutableArray

那么哪里用了 NSMutableArray 来作为 Cache Storage 呢?分别是:

  1. FDKeyedHeightCache
  2. FDIndexPathHeightCache
  3. ...

还是就看两个典型。我们注意到,不论是 KeyedHeightCacheIndexPathHeightCache 都将缓存数据放到了 NSMutableArray。为什么这里就不用 objc_setAssociatedObject 了呢?

回忆我们在 UITableViewCell 自动高度 中分析的,如果使用了 indexPath 作为 Cache Key,那么在发生了 Delete/Inert 之后,缓存中的 Cache Key 就『不准』了,需要进行相应的变动,那么采用了 NSMutableArray 它能为我们自动的变动。

另外在采用 IndexPathHeightCache 时,FDT 的缓存是一个二维的数组,头一维定位到 Section,后一维定位到 Row,这样就可以同时管到 SectionsRows 的数据变动。为什么这里要提一下呢,因为一般说到使用 indexPath 做 Cache Key,那么首先想到的就是:

cacheKey = fmt("%d-%d", indexPath.section, indexPath.row)

但是这样的 Key 生成方式不能适应我们这里需要同时灵活处理 SectionsRows 变动的情况。

在 Delete/Insert 发生时调整缓存数据

这一步其实是 FDT 为我们做得最重要的一步,因为自己实现缓存存储还是相对简单的,但是在一有 Section/Rows 发生 Delete/Insert 就及时更改缓存数据是有点麻烦的。

如果让我去实现在 Section/Row 发生 Delete/Insert 就及时更改缓存数据,我会这么做(请叫我反面教材😆):

  1. 继承 UITableView 产生 MCUITableView
  2. MCUITableView 中重写涉及 Section/Row 的 Delete/Insert 的方法以调整缓存数据
  3. 同时 MCUITableView 会向外暴露一个属性 mcDelegate,这个属性是 UITableViewDelegate 类型,使用者需要设置这个属性。在我的重写方法中发现使用者实现了 UITableViewDelegate 中的同名方法时会调用它们,这样使得使用起来和 UITableView 一样

既然是反面教材,那么这个方案的缺点是:

  1. 实现起来不灵活,多处重写
  2. 使用起来不灵活,需要更改很多已有的代码,原来继承 UITableView 的现在需要继承 MCUITableView

FDT 使用 Category 的方式提供了便捷的 API,肯定不能在这里掉链子。重写肯定是绕不开的,FDT 采用了更加灵活的方式来完成重写 method_exchangeImplementations,代码在 L156,通过将 UITableView 的相关方法使用 method_exchangeImplementations 和 FDT 自己的方法调换一下,真是很巧妙的。

IndexPathHeightCache or KeyedHeightCache

IndexPathHeightCacheKeyedHeightCache 在实现和使用上还有些区别:

  1. IndexPathHeightCache 在实现上需要在 Section/Row 发送变动时调整缓存,而 KeyedHeightCache 不需要
  2. IndexPathHeightCache 使用了 indexPath 作为 Key,而 KeyedHeightCache 需要你自己确保 Key 是唯一的
  3. 如果你自己可以确保 Key 是唯一的,那么 KeyedHeightCache 肯定是会稍微快点的(因为不需要调整缓存)

estimatedRowHeight

estimatedRowHeight 的好处我们在 UITableViewCell 自动高度 中已经说过了。

但是,你用了 FDT 之后,就不要设置这个值了,FDT 提倡的就是让 UITableView 一次计算所有的 Cell's height,原文见 cell-height-calculation

估算高度设计初衷是好的,让加载速度更快,那凭啥要去侵害滑动的流畅性呢,用户可能对进入页面时多零点几秒加载时间感觉不大,但是滑动时实时计算高度带来的卡顿是明显能体验到的,个人觉得还不如一开始都算好了呢(iOS8更过分,即使都算好了也会边划边计算)

如果你非要用的话,反正我在 FDT 提供了 Demo 中设置了结果是这样:

抖起来

如果非要用的话三思吧😄

疑惑

目前发现的 FDT 源码中这一处关于 methodSignatureForSelector 让我很困惑调用的作用是什么,见 L122,我注释掉也没发现什么问题 😂,一定是我打开的方式不对,总之希望有明白可以告诉我吧,不甚感激😝。

最后,happy coding!

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

推荐阅读更多精彩内容