iOS 渲染概述和离屏渲染

iOS APP 图形图像渲染的基本流程：

1.CPU：完成对象的创建和销毁、对象属性的调整、布局计算、文本的计算和排版、图片的格式转换和解码、图像的绘制。

2.GPU：GPU拿到CPU计算好的显示内容，完成纹理的渲染， 渲染完成后将渲染结果放入帧缓冲区。

简单来说，CPU就像科学家要进行繁琐的计算、GPU就像小学生进行简单的1+1计算，但是 GPU是通过并行执行大量的线程来完成计算任务的。GPU的并行计算能力是CPU的几倍甚至几十倍，可以处理大量的数据和计算任务，提高计算效率和速度。所以GPU主要应用在图像处理中，因此，大多数CALayer的属性都是用GPU来绘制。

3.帧缓冲区（Frame Buffer）（双缓冲机制，不再赘述）

正常情况下，在当前屏幕显示的内容，由 GPU 渲染完成后放到当前屏幕的帧缓存区，不需要额外的渲染空间。我们知道 iPhone 的屏幕刷新率是 60Hz，也就是刷新一帧的时间是 16.67 ms， 每隔这段时间视频控制器就会去读一次缓存区的内容来显示。 

假如 GPU 遇到性能瓶颈，导致无法在一帧内更新渲染结果到帧缓存区，那么从缓存区读到的会是上一帧的内容，导致帧率降低界面卡顿。

4.视频控制器：用来读取Frame Buffer中的数据的，GPU开始会绘制后缓存里的画面，然后视频控制器读取完前缓存的画面， 就会去读取后缓存里的画面，然后GPU再去绘制前缓存里的画面。

以上简单介绍了下iOS图像渲染。

离屏渲染

我们知道，图像处理基本上是在 GPU中进行的，而GPU屏幕渲染有以下两种方式：

1.On-Screen Rendering：当前屏幕渲染，指的是GPU的渲染操作是在当前用于显示的屏幕缓冲区中进行。

正常情况下，如果要在显示屏上显示内容，我们至少需要一块与屏幕像素数据量一样大的帧缓冲区(frame buffer)，作为像素数据存储区域，而这也是GPU存储渲染结果的地方。

2.Off-Screen Rendering：离屏渲染，指的是GPU在当前屏幕缓冲区以外新开辟一个（离屏）缓冲区进行渲染操作。

如果有时因为一些限制，无法把渲染结果直接写入frame buffer，而是先暂存在另外的内存区域，之后再写入frame buffer，那么这个过程被称之为离屏渲染。

其实

离屏渲染是有坏处的：

1.需要开辟一个新的缓存区，影响app性能。

2.因为是新的缓存区，此时有两个缓存区，那么GPU就要进行上下文切换来分别渲染，而上下文切换的代价是巨大的，会导致掉帧甚至卡顿。

那么，什么时候会触发离屏渲染呢？

我们来看下面layer的简单构成：

对于特定图层效果的使用，比如圆角，图层遮罩，阴影或者是图层光栅化都会强制Core Animation提前渲染图层的离屏绘制（注意⚠️：一旦我们 为contents设置了内容 ，无论是图片、绘制内容、有图像信息的子视图等，再加上圆角+裁剪，就会触发离屏渲染，而当contens没有内容时，圆角和裁剪都不会触发离屏渲染）。也就是说，当layer的contens中有东西（图片，色彩等）时， GPU为了将所有该绘画的绘画完了，再去为这个“结果”添加阴影或圆角，那么就需要离屏渲染存储layer。也就是说：阴影的本体（layer和其子layer）都还没有被组合到一起，怎么可能在第一步就画出只有完成最后一步之后才能知道的形状呢？这样一来又只能另外申请一块内存，把本体内容都先画好。

，

至于优化的话，有以下几种解决方法：

1.缓存已经处理好的结果，然后在复用的时候再拿出来用，得用shouldRasterize， 但是这个会导致至少一次离屏渲染，不过相对于有许多layer都各离屏渲染一次，这样处理就优化很多了。如果你的layer本来并不复杂，也没有圆角阴影等等，打开这个开关反而会增加一次不必要的离屏渲染

2.贝塞尔曲线优化

推荐大佬文章Texture | Corner Rounding

参考：[转] iOS离屏渲染原理及优化 · Tenloy's Blog

Core-Animation(三) - 渲染流程探究及性能分析 · Tenloy's Blog

iOS 离屏渲染探究 - 掘金