美文网首页
UIView 视图显示原理和卡顿掉帧原因

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

作者: 小行为 | 来源:发表于2018-11-14 13:52 被阅读1次

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:
文理渲染(离屏渲染)
视图混合(视图层级)

相关文章

网友评论

      本文标题:UIView 视图显示原理和卡顿掉帧原因

      本文链接:https://www.haomeiwen.com/subject/votjfqtx.html