CGAffineTransform和CATransform3D

前言

顾名思义，就是对视图进行变换的一组函数功能，其中前者是对视图进行2D变换，后者是进行3D变换，而这都是属于core Graphics层的功能，并且主要作用于CALayer层；
视图的变换主要包括平移，缩放，旋转，其核心是视图上的点和矩阵相乘之后产生的结果；

CGAffineTransform

首先来看CGAffineTransform，2D变换，即平面变换；其中平面上的点可以表示成一个1*3的矩阵[x , y , 1]，来看看CGAffineTransform的结构体组成

struct CGAffineTransform {
 CGFloat a, b, c, d;
 CGFloat tx, ty;
};

CGAffineTransform其实表示成一个3*3的矩阵就是:

1.jpg.jpeg

由于变换是矩阵相乘，所以我们可以得到一个公式

2.jpg.jpeg

其中等号前面就是变换后的结果，在线性代数中我们知道上述两个矩阵相乘的结果如下：
x’ = ax + cy + tx; y’ = bx + dy + ty;

若c = b = 0时，a会影响x方向的缩放，d会影响y方向的缩放，tx会影响x方向的位移，ty会影响y方向的位移；
当b和c不等于0时，可以看到其在另一方向上发生了变化，即发生了旋转；

CGAffineTransform中的函数

CGAffineTransformIdentity:

其实相当于矩阵!即相乘之后并没有发生任何变化

3.jpg.jpeg

CGAffinetransformMakeTranslation相当于合成一个矩阵为

4.jpg.jpeg

CGAffineTransformMakeScale 相当于合成一个矩阵为

5.jpg.jpeg

CGAffineTransformMakeRotation相当于合成一个矩阵为

6.jpg.jpeg

CGAffineTransformMake:可以在三个方向上同时做处理，具体的处理结果可以看前面的讲解；

CATransform3D

在2D的基础上多加了z轴上的变换，即三维空间上的变换

struct CATransform3D
{
  CGFloat m11, m12, m13, m14;
  CGFloat m21, m22, m23, m24;
  CGFloat m31, m32, m33, m34;
  CGFloat m41, m42, m43, m44;
};

我们可以看到是一个4 * 4的矩阵，这个时候可以将我们的视图看成4*1的矩阵，相乘即，

1.png.png

可以得出：
x’ = m11x + m21y + m31z + m41;
y’ = m12x + m22y + m32z + m42;
z’ = m13x + m23y + m33z + m43;
根据以上的结果可以得出如下结论：
m11控制x方向上的缩放，m41控制x方向上的平移；
m22控制y方向上的缩放，m42控制y方向上的平移；
m33控制z方向上的缩放，m43控制z方形上的平移；
和2D变换一样m21,m31,m12,m32,m13,m23控制旋转，那么他们都是怎么影响哪一个轴上的变化呢，这里有一片文章，从中可以得出:

2.png.png

再对比之前矩阵的图可以看出：
m32和m23共同影响x轴的旋转；
m13和m31共同影响y轴的旋转；
m12和m21共同影响z轴的旋转；
同时，CATransform3D也有函数，同2D一样，这里就不多做阐述了～～
其中m34为透视效果，其他几个暂不得知～～
最后，希望本篇文章对大家会有帮助。