iOS 动画Animation-3: CATransform3D 特效详解

首先说明：这是一系列文章，参考本专题下其他的文章有助于你对本文的理解。

关于图层的几个坐标系。

对于ios来说，坐标系的（0，0）点在左上角，就是越往下，Y值越大。越往右，X值越大。

一个图层的frame，它是position，bounds，anchorPoint和transform属性的一部分。

设置一个新的frame将会相应的改变图层的position和bounds，但是frame本身并没有保存。

position：是一个CGPoint值，它指定图层相当于它父图层的位置，该值基于父图层的坐标系。

bounds：是一个CGRect值，指定图层的大小（bounds.size）和图层的原点（bounds.origin），这个坐标系是基于自身的。如果改变bounds的origin，那么在该图层的子图层，坐标会跟着改变。也就是说，改变自身的坐标系，本身在父图层的位置不变，但它上的子图层位置变化。

anchorPoint：是一个CGPoint值，它是指定了一个基于bounds的符合坐标系的位置。锚点（anchor point）制定了bounds相对于position的值，同时也作为一个变化时候的中心点。锚点使用空间坐标系取值范围是0-1之间的数。默认是0.5，也就是秃瓢的中心点，如果是（0，0）那么，图层向左上方移动。如果是（1，1）就向右下方移动。

看下面的两个图，就能够够清晰的看出锚点变化所带来的不一样。（此图为MAC OS 坐标系，如果是IOS，那么（0，0）点在图的左上方。）

对于anchorPoint的解释在ios中如图：

下图中的红点位置就是 锚点的位置：默认为（0.5，0.5）。在对图像进行变换时，都是按照这个点来进行缩放，偏移等。

一旦修改锚点的位置为：（0，0），那么图像就会变成下图。各种变换就会按照这个点来运动。

所以说，在ios系统中，锚点的坐标系是：左上角为（0，0），右下角为（1，1）。

根据此图，在理解上面的定义，就直观了一些。

//

//

//

 

图层的几何变换。

可以通过矩阵来改变一个图层的几何形状。

CATransform3D 的数据结构定义了一个同质的三维变换（4x4 CGFloat值的矩阵）࿰