【iOS】TableView的优化

#cellForRowAtIntexPath 方法不要进行耗时操作

1、不读取 / 写入文件

2、尽量少用 addView 给 Cell 动态添加 View，可以在初始化就添加，然后通过设置气 hidden 来控制是否显示

因为我们在滑动UITableView的过程中会不断调用这个方法。

#cell 的复用

简单来讲，UITableView 会按需配置当前可见或即将显示的行，并按 reuseIdentifier 复用离屏 cell；复用池大小不是固定的 “屏幕 cell 数 + 1”。

当要显示某一个位置的 cell 时首先会去复用池中查找，如果找不到才会重新创建，而不是每一次都进行重新创建，这样就极大地减少了内存开销

可以参考我之前的博客：

自定义 cell 与 cell 的复用

#提前计算布局

解了这件事情与 tableView 的复用机制之后，我们再回头看我们的 cellForRow 与 heightForRow 方法，我们知道当我们滑动 tableview 时就不断地调用这两个方法，因此这两个方法是性能优化的关键

UITableViewCell 高度计算主要分为两种，一种固定高度，另外一种动态高度。

rowHeight 这个属性是我们的固定高度，对于定高需求的表格，强烈建议使用这种方法来避免不必要的高度计算以及调用。或者我们可以使用UITableViewDelegate的heightForRowAtIndexPath，然而，实现这个方法后我们的 rowHeight 将无效，所以这个方法适合具有多种 cell 的 UITableView。

estimatedRowHeight

动态行高通常使用完整的 Auto Layout 约束，并设置 rowHeight = UITableViewAutomaticDimension；estimatedRowHeight 提供预估值，帮助表格延后部分几何计算。

Auto Layout 求解约束有计算成本，但不能因此断言它必然增加内存开销；是否构成瓶颈应结合视图规模测量。

我们通过 estimatedRowHeight 与 AutoLayout 大大简化了我们动态计算行高的过程，同时我们需要尽可能精确估计 estimatedRowHeight 的范围，即使面对种类不同的 cell，我们依然可以使用简单的 estimatedRowHeight 属性赋值，只要整体估算值接近就可以，比如大概有一半 cell 高度是 44， 一半 cell 高度是 88， 那就可以估算一个 66，基本符合预期。尽可能精确的估算可以使初次加载和滚动表格时更加流畅

#异步加载图片：SDWebImage 的使用

（1）使用异步子线程处理，然后再返回主线程操作； （2）图片缓存处理，避免多次处理操作； （3）shouldRasterize 会先把图层栅格化成 bitmap 再参与合成，可能以缓存和内存换取重复合成成本；它不是把负载转移给 CPU 的开关，也不是图片圆角的通用优化。

这部分内容笔者现在也不是很清楚，会在学习网 SDWebImage 源码后再进行补充。

#离屏渲染

UIKit 与 Core Animation 的实际渲染路径由系统负责，不能概括为当前 iOS 底层必然使用 OpenGL ES；Apple 已将 OpenGL ES 标记为弃用。一般可从 CPU 准备界面内容、GPU 执行渲染与合成来理解，但具体路径取决于系统实现。

官方对离屏渲染产生性能问题也进行了优化：

• 离屏渲染是否发生取决于图层效果与系统实现，不能按版本简单断言所有圆角都会触发。单独设置 cornerRadius 不一定触发离屏渲染；与裁剪（masksToBounds / clipsToBounds）组合时可能需要中间渲染目标。

以下情形可能增加额外绘制、混合或离屏渲染成本；是否发生取决于具体图层内容与系统实现：

• 设置 layer.mask 等遮罩可能需要额外合成。
• masksToBounds / clipsToBounds 与圆角等裁剪组合时可能触发离屏 pass；不能把单独圆角一概判为离屏渲染。
• allowsGroupOpacity、阴影和 shouldRasterize 的额外 pass 或缓存成本取决于图层内容及系统实现。
• 文本和 drawRect: 自定义绘制本身不代表必然离屏渲染；应通过 Instruments 或 Core Animation 调试选项核实。

1
- (void)setImageCircularEdge:(UIImageView *)imageView {
2

3
    //开始对imageView进行画图
4
    UIGraphicsBeginImageContextWithOptions(imageView.bounds.size, NO, 1.0);
5
    //使用贝塞尔曲线画出一个圆形图
6
    [[UIBezierPath bezierPathWithRoundedRect:imageView.bounds cornerRadius:imageView.frame.size.width] addClip];
7
    [imageView.image drawInRect:imageView.bounds];
8
    imageView.image = UIGraphicsGetImageFromCurrentImageContext();
9
    //结束画图
10
    UIGraphicsEndImageContext();
11
}

1
- (void)setImageCircularEdge2:(UIImageView *)imageView {
2

3
    UIBezierPath *maskPath = [UIBezierPath bezierPathWithRoundedRect:imageView.bounds byRoundingCorners:UIRectCornerAllCorners cornerRadii:imageView.bounds.size];
4
    CAShapeLayer *maskLayer=[[CAShapeLayer alloc] init];
5
    //设置大小
6
    maskLayer.frame = imageView.bounds;
7
    //设置图形样子
8
    maskLayer.path = maskPath.CGPath;
9
    imageView.layer.mask = maskLayer;
10
}