iOS 详解 CALayer 中的"模型层"和"展示层"

Posted 2023-03-19

参考技术A layer tree  分为 model layer tree(模型图层树) 、presentation layer tree（表示图层树） 、render layer tree（渲染图层树）

这三种图层树有什么作用呢？说到有啥作用，就不得不提Core Animation 核心动画了。因为这三个图层在核心动画中才能显示出它们的特点和用处。下面是官方文档的说明：

有没有感觉看了官方文档的说明还是有点点小懵逼的。那我就用我的理解再解释下。这三个图层在CALayer中可以使用的属性有两个，分别是： modelLayer （模型图层）、 presentationLayer （表现图层）。渲染图层在CALayer没有提供直接的属性给我们使用，是core Animation私有的。这里就不用说它了。

一说到"模型"大家第一反应是什么？是不是用来装数据用的，是不是会想到对象模型的概念。"模型图层" 其实就是这个作用，就是创建一个layer 然后给这个layer赋上你需要的数据。大家是不是在创建layer后，都会给生成的layer 赋值各种属性，通过这种赋值，有没感觉到这个layer本身就是modelLayer呢？那我告诉大家，必须的、必须的、必须的。重要的事情说三边。。。 layer = layer.modelLayer .（后面的栗子会证明这点）

"表现图层" 就是当前显示在屏幕上的图层。屏幕刷新时，就会调用presentationLayer。在core animation 动画中，可以通过这个属性，获取动画过程中每个时刻动画图层的数据，这样如果在动画过程中需要做什么处理，就可以动态的获取layer上相关的数据了。动画的过程中presentationLayer是时刻变化的，而modelLayer是不会变的。

使用basicAnimation 改变position.x的值

通过打印self.containerView.layer.modelLayer 和 self.containerView.layer.presentationLayer的frame值对比：

第一组值：
layer.presentationLayer.frame = 153.75329732894897 , 100, 100, 467
layer.modelLayer.frame = 137.5, 100, 100, 467

第二组值：
layer.presentationLayer.frame = 154.70316648483276 , 100, 100, 467
layer.modelLayer.frame = 137.5, 100, 100, 467

第三组值：
layer.presentationLayer.frame = 170.95646381378174 , 100, 100, 467
layer.modelLayer.frame = 137.5, 100, 100, 467

第四组值：
layer.presentationLayer.frame = 185.73218822479248 , 100, 100, 467
layer.modelLayer.frame = 137.5, 100, 100, 467

第五组值：
layer.presentationLayer.frame = 201.87994480133057 , 100, 100, 467
layer.modelLayer.frame = 137.5, 100, 100, 467

第六组值：
layer.presentationLayer.frame = 204.41292762756348 , 100, 100, 467
layer.modelLayer.frame = 137.5, 100, 100, 467

通过六组值的观察，可以看出，动画一开始到结束，presentationLayer的frame一直在改变，而modelLayer的frame一直没变过，为什么presentationLayer的frame会发生变化呢？因为做动画的时候改变了layer的position.x值，position值的改变，会影响frame的值。
从这里我们就可以看出modelLayer 和 presentationLayer本质区别了，modelLayer 负责存储动画的目标值的模型对象。每当更改图层的属性时，它都会把数据存储下来 。当动画开始执行时，presentationLayer就上场了。屏幕上显示的就是presentationLayer，动画的过程中，你可以时刻访问动态变化的数据。例如：视频中的滚动弹幕如果是使用layer做动画的，当弹幕正在滚动时，你需要点击它以处理需要做的事情，这时候你就会需要presentationLayer。再结合hintTest方法来做判断：

从这个截图可以看出 self.layer = self.laye.modelLayer 、 self.layer != self.layer.presentationLayer。 就是layer本身其实就是一个模型layer，只不过它拥有 presentationLayer。

CALayer是Core Animation的基础，layer tree更是Core Animation 核心动画执行过程中直接使用的对象，了解清楚layer的内在层级关系，才能更好的从细节上处理核心动画相关的事情。