[TOC]
前言
- 终于进入我们最开始要了解的问题了:探索动画及渲染相关原理
- 为了探索动画及渲染原理,我们前期做了不少工作:
- 我们首先对计算机图形渲染原理进行了一定了解:01-计算机原理|计算机图形渲染原理
- 然后去认识移动端设备的成像与卡顿: 02-计算机原理|移动终端屏幕成像与卡顿
- 紧接着我们又探索了iOS的各个渲染框架以及iOS图层渲染原理
- 总共输出了三篇文章为此做了充分的知识铺垫，那就让我们直入主题吧！
iOS动画处理的三个阶段
iOS 动画的渲染也是基于上述 Core Animation 流水线完成的。这里我们重点关注 app 与 Render Server 的执行流程。
日常开发中，如果不是特别复杂的动画，一般使用 UIView Animation 实现，iOS 将其处理过程分为如下三部阶段：
- Step 1：调用 animationWithDuration:animations: 方法
- Step 2：在 Animation Block 中进行 Layout，Display，Prepare，Commit 等步骤。
- Step 3：Render Server 根据 Animation 逐帧进行渲染
相关阅读(共计14篇文章)
iOS相关专题
- 01-iOS底层原理|iOS的各个渲染框架以及iOS图层渲染原理
- 02-iOS底层原理|iOS动画渲染原理
- 03-iOS底层原理|iOS OffScreen Rendering 离屏渲染原理
- 04-iOS底层原理|因CPU、GPU资源消耗导致卡顿的原因和解决方案
webApp相关专题
跨平台开发方案相关专题
阶段性总结:Native、WebApp、跨平台开发三种方案性能比较
Android、HarmonyOS页面渲染专题
小程序页面渲染专题
总结
- 01-项目方案的大前端技术搭配选型 (
待输出) - 02-大前端工程师技术栈积累的思考 (
待输出)
[TOC]
