【iOS】TableView的优化

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

1、不读取 / 写入文件

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

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

#cell 的复用

简单来讲就是我们的UITableView只会创建比一个屏幕所有显示的 cell + 1 个单元格，当当前的 cell 划出屏幕时，我们的 cell 并不会销毁，而是会将其存入我们的复用池

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

可以参考我之前的博客：

自定义 cell 与 cell 的复用

#提前计算布局

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

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

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

estimatedRowHeight

这是一个估算行高的属性，对于动态计算行高，这里有多种方法，但核心还是通过设置预算高度和estimatedRowHeight = UITableViewAutomaticDimension，然后用AutoLayout对控件进行约束达到撑开cell的目的。

但是这也不可避免地加大了内存开销，因为 AutoLayout 最终需要转成 frame

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

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

（1）使用异步子线程处理，然后再返回主线程操作； （2）图片缓存处理，避免多次处理操作； （3）图片圆角处理时，设置 layer 的 shouldRasterize 属性为 YES，可以将负载转移给 CPU；

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

#离屏渲染

什么是离屏渲染？我们知道 iOS 底层的渲染框架使用的是OpenGL ES。OpenGL 中，GPU 渲染屏幕方式有两种：当前屏幕渲染（On-Screen Rendering）和离屏渲染（Off-Screen Rendering）。它们的区别是当前屏幕渲染操作是在当前屏幕缓冲区完成，而离屏渲染会在另外一个新开辟的缓冲区完成渲染操作，开启离屏渲染的代价就是需要新开辟一块新的缓冲区，在渲染的过程中还会多次切换上下文，这些都是很消耗性能的。

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

• iOS 9.0 之前UIimageView跟UIButton设置圆角都会触发离屏渲染。
• iOS 9.0 之后UIButton设置圆角会触发离屏渲染，而UIImageView里png图片设置圆角不会触发离屏渲染了，如果设置其他阴影效果之类的还是会触发离屏渲染的。

一下情况均会造成 离屏渲染 ：

• 为图层设置遮罩（layer.mask）
• 设置图层的 layer.masksToBounds / view.clipsToBounds 属性为 True
• 设置图层的 layer.allowsGroupOpacity 的属性为 True 和 layer.opacity 小于 1.0
• 设置图层阴影（layer.shadow）
• 设置图层的 layer.shouldRasterize 的属性为 True - 具有 layer.cornerRadius，layer.edgeAntialiasingMask， – layer.allowsAntialiasing 的图层
• 文本（任何种类，包括 UILabel、CATextLayer、Core Text 等）
• 使用 CGContext 在 drawRect

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 drawRect: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
}