iOS开发——CGAffineTransform 详解

1. 基本方法 :

1.1 位移 :

//上移 self.img.transform = CGAffineTransformTranslate(self.img.transform,0, -20); //右移 self.img.transform = CGAffineTransformTranslate(self.img.transform, 20,0);

1.2 缩放 :

//放大 1.2倍 self.img.transform = CGAffineTransformScale(self.img.transform,1.2,1.2);

1.3 旋转 :

//逆时针45° self.img.transform = CGAffineTransformRotate(self.img.transform, -M_PI_4);

2.问题说明 :

 如果只按上下左右方向键,图片会沿着垂直水平方向移动  



当左旋45°之后,上移会沿着45°方向向上移动,不会沿着垂直方向上移

3.问题详解 :

3.1 CGAffineTransform结构

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

实则为一个三阶矩阵 : 



矩阵最右列 [0 , 0 , 1] 是固定不变的常数值, 所以有用的信息就是前两列

其结果因变换矩阵的变量值而改变,下面公式是之前矩阵变换的简化 :



旋转后平移, iOS开放文档里总结以下公式 :



结论 : 

a表示x水平方向的缩放，tx表示x水平方向的偏移
d表示y垂直方向的缩放，ty表示y垂直方向的偏移

如果b和c不为零的话，那么视图肯定发生了旋转

3.2 水平垂直移动

使用CGAffineTransform旋转后基准坐标轴已经改变 , 如果希望依照标准坐标轴来移动 , 需要改变center来修改位置

将下面代码1改为代码2

代码1 :

switch (btn.tag) {         case100:             self.img.transform = CGAffineTransformTranslate(self.img.transform,0, -100);             break;         case101:             self.img.transform = CGAffineTransformTranslate(self.img.transform, -100,0);             break;         case102:             self.img.transform = CGAffineTransformTranslate(self.img.transform,0,100);             break;         case103:             self.img.transform = CGAffineTransformTranslate(self.img.transform,100,0);             break;         default:             break;     }

代码2 :

CGPoint center =self.img.center;     switch (btn.tag) {         case100:             center.y -=20;             break;         case101:             center.x -=20;             break;         case102:             center.y +=20;             break;         case103:             center.x +=20;             break;         default:             break;     }         self.img.center = center;

参考资料 :

https://developer.apple.com/library/ios/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_affine/dq_affine.html
http://blog.csdn.net/dyllove98/article/details/9051139