transform初学习

1.什么是transform&＃xff1f;

transform主要用于形变&＃xff0c;位移和旋转&＃xff0c;可用于动画。

CGAffineTransformMakeTranslation

2.transform常用的几种方法。

(1)CGAffineTransformMakeTranslation&＃xff08;a&＃xff0c;b&＃xff09;

图片x坐标平移a的距离&＃xff0c;y坐标平移b的距离。

(2)CGAffineTransformMakeScale&＃xff08;a&＃xff0c;b&＃xff09;

图片水平方向放大x倍&＃xff0c;竖直方向放大y倍

(3)CGAffineTransformMakeRotation&＃xff08;a&＃xff09;

图片按照锚点顺时针旋转a的角度。

以上三个方法都是在自身的transform上做一次相应的操作&＃xff0c;比如我要旋转90°&＃xff0c;调用一次方法三可以实现&＃xff0c;但想要再一次旋转&＃xff0c;旋转到180°&＃xff0c;再调用一次方法三则不能实现&＃xff0c;只能重新去更改方法三的旋转角度a的值。

(4)CGAffineTransformTranslation&＃xff08;view.transform&＃xff0c;a&＃xff0c;b&＃xff09;

(5)CGAffineTransformScale&＃xff08;view.transform&＃xff0c;a&＃xff0c;b&＃xff09;

(6)CGAffineTransformRotation&＃xff08;view.transform,a&＃xff09;

以上三个方法是在view.transform上调用&＃xff0c;可多次调用&＃xff0c;例如

_flowerImg.transform&＃61;CGAffineTransformRotate(_flowerImg.transform, M_PI/2)

这个多次调用便实现了图片90°&＃xff0c;180°&＃xff0c;270°的旋转。

3.自定义的平移变换

CGAffineTransformMake(a,b,c,d,t_x,t_y)

transform是一个结构体&＃xff0c;其变量对应一个3*3的矩阵

如何通过这个齐次矩阵来变换坐标呢&＃xff1f;

layer在屏幕中的坐标为&＃xff08;x,y&＃xff09;&＃xff0c;将其看成一个3*1的矩阵(x,y,1)&＃xff0c;

则变换后的坐标为&＃xff1a;

&＃xff08;x&＃39; y&＃39; 1&＃xff09;&＃61; (x y 1) *  

则根据上面的矩阵相乘得出&＃xff1a;

x&＃39;&＃61;ax&＃43;cy&＃43;t_{x ;}

y&＃39;&＃61;bx&＃43;dy&＃43;t_{y ;}

(x&＃39;,y&＃39;)即为变换后的坐标。

看不懂为什么要用矩阵改变位移的可以参考下面的链接&＃xff1a;

为什么要引入齐次坐标来表示平移&＃xff1f;

4.改变transform的值后&＃xff0c;恢复到原来的形状

CGAffineTransformIdentity

将你想要恢复的layer.transform设置为上面的值&＃xff0c;即可恢复没有形变之前的状态。