iOS UI视图问题总结（事件传递、UI掉帧优化、异步绘制等）

1.事件传递

事件传递常用方法：

事件传递常用方法

// 返回最终哪个视图响应了事件
- (nullable UIView *)hitTest:(CGPoint)point withEvent:(nullable UIEvent *)event;
// 判断点击的位置是否在当前视图范围内
- (BOOL)pointInside:(CGPoint)point withEvent:(nullable UIEvent *)event;  

事件传递流程：

事件传递流程

方法 hitTest:withEvent: 内部实现图

hitTest:withEvent: 内部实现图

例题

例题

问：如果点击C1和C2交叉区域，为什么响应的是C2？
答：因为在事件传递流程中，pointInside：方法会倒序遍历Subviews，就是说越晚添加的视图，层级越高，响应级别越高。

2.图像显示原理及UI卡顿、掉帧的优化

图像显示原理 图像显示原理 CPU工作

1.layout：UI布局frame，文本计算label的size计算等。
2.display：绘制过程drawRect方法。
3.prepare：图片解码。
4.commit：提交位图。

GPU工作

UI卡顿、掉帧的原因

UI卡顿、掉帧的原因

通常FPS=60时UI流畅，此时每隔16.7ms（毫秒）就会绘制一张图。那么在规定的16.7ms内CPU与GPU运行时间大于16.7ms，就会出现掉帧现象。

滑动优化-CPU 滑动优化-GPU

3.滑动优化-CPU

UIView绘制原理

UIView绘制原理 UIView绘制原理-系统绘制流程 UIView绘制原理-异步绘制流程

4.滑动优化-GPU

离屏渲染

离屏渲染1 离屏渲染2

小结

UI视图问题总结

1.略。
2.可以从CPU和GPU两方面回答，CPU层面在子线程上做预排版、图片解码、异步绘制等耗时操作。GPU层面就是尽量避免离屏渲染，异步绘制图像。
3.略。
4.可以体现出单一职责设计原则。

👏👏👏欢迎大家加入群组（IT_大前端技术交流群），技术交流群

IT_大前端技术交流群