UIView 视图显示原理和卡顿掉帧原因

CPU - GPU

屏幕快照 2018-11-14 下午1.41.45.png

CPU 视图展示cpu操作：

Layou: UI布局 文本计算
Display: 绘制过程 drawrect
Perpare: 图片编解码
Commit: 提交位图

GPU 视图展示gpu操作：

顶点着色 - 圆元装配 - 光栅化 - 片段着色 - 片段处理 -> framebuffer

UI卡顿、掉帧的原因

每一帧画面准备时间： 16.7ms

掉帧的原因：

在16.7ms 时间内，Gpu和Cpu 未准备好当前画面 才会发生卡顿和掉帧

优化方案：

滑动优化方案：
CPU:
对象创建 调整和销毁
预排班（布局计算和文本计算）
预渲染（文本的异步绘制 图片编解码等）

GPU:
文理渲染（离屏渲染）
视图混合（视图层级）