CATransform3D 特效详解
Posted Yan_X_
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了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值的矩阵），用于图层的旋转，缩放，偏移，歪斜和应用的透视。
图层的2个属性指定了变换矩阵：transform 和 sublayerTransform。
transform ： 是结合 anchorPoint（锚点）的位置来对图层和图层上的子图层进行变化。
sublayerTransform：是结合anchorPoint（锚点）的位置来对图层的子图层进行变化，不包括本身。
CATransform3DIdentity 是单位矩阵，该矩阵没有缩放，旋转，歪斜，透视。该矩阵应用到图层上，就是设置默认值。
//
//
//
变换函数
CATransform3DMakeTransla
官方文档：
Returns a transform that translates by '(tx, ty, tz)'. t' = [1 0 0 0; 0 1 0 0; 0 0 1 0; tx ty tz 1].
CATransform3D CATransform3DMakeTransla
做一个解释，对于初学者来说，可能没有看明白是什么意思。我详细说下
对于CATransform3D来说，它是一个4x4 CGFloat的矩阵。
而上面给的值：[1 0 0 0; 0 1 0 0; 0 0 1 0; tx ty tz 1].
给竖起来后。就发现：
1
0
0
tx
竖起来看就很明显了。
CATransform3D
struct CATransform3D
以上是关于CATransform3D 特效详解的主要内容，如果未能解决你的问题，请参考以下文章