关于coreAnimation 核心动画的学习笔记(3)

最新推荐文章于 2019-03-04 16:12:48 发布

哒哒哒达达

最新推荐文章于 2019-03-04 16:12:48 发布

阅读量323

点赞数

分类专栏： ios开发文章标签： ios开发 opengl 动画

本文链接：https://blog.csdn.net/u012159964/article/details/49002761

版权

ios开发专栏收录该内容

43 篇文章 0 订阅

订阅专栏

第二章核心动画渲染框架 可能有人会很好奇CoreAnimation是如何渲染动画，动画是如何生成的。在core aniamtion和cocoa view之间有很大的相似之处，他们之间最大的概念上的分歧就是layer不直接渲染到屏幕上。在MVC的设计模式下，NSView和UIView是视图对象，core animation层实际上是模型对象。他们封装了几何图形，时间和可视属性，同时提供显示的内容，但是实际上显示并不是layer的责任。每一个可视的layer tree后面都有两个相应的tree：presentation tree和render tree。如下图所示：

layer tree包含了每个layer的对象模型。当你为一个layer的属性设置一个的时候，他们的值就是你设置的。The presentation tree包含了当前正在呈现给用户作为动画发生的值。例如：对一个layer的backgroundcolor设置一个新的值的时候，在layer tree中的值会马上改变。然而，在presentation tree的相应层的backgroundcolor的值随着要显示给用户的插值颜色会被更新。当渲染一个layer的时候，the render-tree会使用presentation-tree的值。the render-tree的责任就是执行独立与程序活动的合成操作；渲染是在一个单独进程或者线程中，以便使其对应用程序的run loop影响最小。当一个动画在执行的过程中，你可以查询相应的presentation layer的实例。如果你打算改变当前的动画并且从当前显示状态开始一个新的动画，这是非常有用的。

第三章图层的几何和变化

图层的几何变化涉及到修改图层的几何属性，比如大小，锚点，圆角等属性等等，这个部分详细的可以查看Quartz 2D 的文档，这个文档讲的比较详细。

3.1图层的坐标系

图层的坐标系在不同平台上面具有差异性。在 iOS 系统中,默认的坐标系统原点在图层的中心左上角地方,原点向右和向下为正值。在 Mac OS X 系统中,默认的坐标系原点在图层的中心左下角地方,原点向右和向上为正值。坐标系的所有值都是浮点类型。你在任何平台上面创建的图层都采用该平台默认的坐标系。

每个图层定义并维护自己的坐标系,它里面的全部内容都由此相关的坐标系指定位置。该准则同时适应于图层自己的内容和它的任何子图层。因为任何图层定义了它自己的坐标系,CALayer 类提供相应的方法用于从一个图层坐标系的点、矩形、大小值转化为另一个图层坐标系相应的值。一些基于图层的属性使用单元坐标空间测量它们的值。单元坐标空间指定图层边界的相对值,而不是绝对值。单元坐标空间给定的 x 和 y 的值总是在 0.0 到 1.0 之间。指定一个沿 X 轴的值为 0.0 的点,得到的是图层左边缘的一个点,而指定一个 1.0 的点,则是图层右边缘的一个点。(对 Y 轴而言,如果是在 iOS 系统,则 0.0 对应于顶部的点,而 1.0 则是底部的点,而在 Mac OS X 系统,得到的刚好相反,就如之前提到的坐标系不同一样)。而点(0.5,0.5)则刚好是图层的中心点。

3.2指定图层的几何

虽然图层和图层树与视图和视图的结构在很多方面具有相似性,但是图层的几何却不同,它更加简单通俗。图层的所有几何属性,包括图层的矩阵变换,都可以隐式和显式动画。

下图显示可以在上下文中指定图层几何的属性:

图层的 position 属性是一个 CGPoint 的值,它指定图层相当于它父图层的位置, 该值基于父图层的坐标系。图层的 bounds 属性是一个 CGRect 的值,指定图层的大小(bounds.size)和图层的原点(bounds.origin)。当你重写图层的重画方法的时候,bounds 的原点可以作为图形上下文的原点。图层拥有一个隐式的 frame,它是 position,bounds,anchorPoint 和 transform 属性的一部分。设置新的 frame 将会相应的改变图层的 position 和 bounds 属性,但是 frame 本身并没有被保存。但是设置新的 frame 时候,bounds 的原点不受干扰,bounds 的大小变为 frame 的大小,即 bounds.size=frame.size。图层的位置被设置为相对于锚点 (anchor point)的适合位置。当你设置 frame 的值的时候,它的计算方式和 position、 bounds、和 anchorPoint 的属性相关。图层的 anchorPoint 属性是一个 CGPoint 值,它指定了一个基于图层 bounds 的符合位置坐标系的位置。锚点(anchor point)指定了 bounds 相对于 position 的值,同时也作为变换时候的支点。锚点使用单元空间坐标系表示,(0.0,0.0)点接近图层的原点,而(1.0,1.0)是原点的对角点。改变图层的父图层的变换属性(如果存在的话)将会影响到 anchorPoint 的方向,具体变化取决于父图层坐标系的 Y 轴。当你设置图层的 frame 属性的时候,position 会根据锚点(anchorPoint)相应的改变,而当你设置图层的 position 属性的时候,bounds 会根据锚点(anchorPoint)做相应的改变。

下图描述了基于锚点的三个示例值:

anchorPoint 默认值是(0.5,0.5),位于图层边界的中心点(如上图显示),B 点把 anchorPoint 设置为(0.0,0.5)。最后 C 点(1.0,0.0)把图层的 position 设置为图层 frame 的右下角。该图适用于 Mac OS X 的图层。在 iOS 系统里面,图层使用不同的坐标系,相应的(0.0,0.0)位于左上角,而(1.0,1.0)位于右下角。

图层的 frame、bounds、position 和 anchorPoint 关系如下图所示:

在该示例中,anchorPoint 默认值为(0.5,0.5),位于图层的中心点。图层的 position 值为(100.0,100.0),bounds 为(0.0,0.0,120,80.0)。通过计算得到图层的 frame为(40.0,60.0,120.0,80.0)。

如果你新创建一个图层,则只有设置图层的 frame 为(40.0,60.0,120.0,80.0),相应的 position 属性值将会自动设置为(100.0,100.0),而 bounds 会自动设置为 (0.0,0.0,120.0,80.0)。下图显示一个图层具有相同的 frame(如上图),但是在该图中它的 anchorPoint 属性值被设置为(0.0,0.0),位于图层的左下角位置。