CALayer
UIView = 绘制 + 响应触摸事件
- 负责屏幕和显示，不负责触摸事件响应链
- UIView是其高级封装
- 和UIView层级一一对应
UIView未暴露CALayer的接口
- 阴影，圆角，带颜色的边框
- 3D变换
- 非矩形范围
- 透明遮罩
- 多级非线性动画
图形和几何
frame：外部坐标，父图层坐标，大小为边与xy轴平行能完全容纳图层的最小矩形
bounds：内部坐标，自身坐标，大小为图层大小的矩形
anchorPoint：锚点，旋转基点，左上角{0，0}，右下角{1，1}
center（CALayer的position）:anchorPoint在父图层的坐标
视觉效果
拉伸过滤
以正确比例和1：1像素显示图片在屏幕上的好处
- 画质好，像素无压缩拉伸
- 更好使用内存
- 性能好，无需额外计算
CAShapeLayer
矢量图像而不是bitmap绘制图层子类
优点：
- 渲染快速，硬件加速
- 高效使用内存，占用小
- 不受边界裁剪，可在边界外绘制
- 不会出现像素化
CATextLayer
CALayer的子类，几乎拥有UILabel所有绘制特性
渲染快于UILabel，运用Core text
性能调优
动画和图层被单独的渲染服务进程处理
动画发生过程
- 布局
- 显示
- 准备-发送动画数据到渲染服务
- 提交-打包图层和动画属性发送到渲染服务
- 对所有图层属性计算中间值，设置OpenGL几何形状（纹理化三角形）进行渲染
- 在屏幕上渲染可见三角形（GPU执行，前面都在CPU）
可能影响GPU绘制的情况
- 过多几何结构
- 重绘-重叠半透明图层
- 离屏渲染-为屏幕外渲染的图片分配额外内存，切换屏幕内外的绘制上下文
- 过大的图片
可能影响CPU计算的情况
- 布局计算-自动布局
- 视图懒加载-涉及IO的图片显示
- Core Graphics绘制-drawRect（为支持图层任意绘制需要在内存中创建一个等大小的寄宿图）
- 解压图片
图像IO
- 线程加载-合适的后台线程
- 分辨率交换-移动时低分辨率，静态时加载高分辨率
- 缓存-考虑因素：合适缓存键、缓存时机、失效、回收
- 图像格式
文本
尽可能避免改变文本的frame，因为需要重绘
光栅化
将图层及其所有效果绘制成一个屏幕外的图像并缓存，避免运用在内容不断变动的图层上
离屏渲染
在混合复杂效果无法直接渲染时，会通过分步渲染，会把分布渲染的结果临时储存在屏幕外的内存中等待组合渲染
影响性能在于
- 为临时储存部分渲染结果分配内存
- 进行将渲染结果从屏幕内-外的上下文切换
图层的属性触发离屏渲染
- 圆角+maskToBounds
- 图层蒙版
- 阴影
图层混合
- 设定固定不透明的背景颜色
- 设置layer的opaue属性默认为YES（非view的）
颜色格式
苹果的GPU只解析32bit的颜色格式，其余的格式CPU会先进行颜色格式转换，再让GPU渲染。
图像大小缩放
image和imageView的大小尽量保持一致，避免在改变view大小时重复计算缩放
网友评论