CGAffineTransform 放射变换解析 即矩阵变换

转载自;http://www.cocoachina.com/bbs/3g/read.php?tid=151136

矩阵乘法
A B相乘要A的列数等于B的行数才有定义,结果是一个 A行B列的矩阵C,C的每个元素值为A对应的行与B对应的列的元素乘积的和
具体看这里
原理
CGAffineTransform
CGAffineTransform 的结构如下
struct CGAffineTransform {
   CGFloat a;
   CGFloat b;
   CGFloat c;
   CGFloat d;
   CGFloat tx;
   CGFloat ty;
};
typedef struct CGAffineTransform CGAffineTransform; 
它其实表示的是一个矩阵
 因为最后一列总是是(0,0,1),所以有用的信息就是前面两列
对一个view进行仿射变化就相当于对view上的每个点做一个乘法
结果就是
基本上就是如果不看c和b的话
a表示x水平方向的缩放,tx表示x水平方向的偏移
d表示y垂直方向的缩放,ty表示y垂直方向的偏移
如果b和c不为零的话,那么视图肯定发生了旋转
常量
CGAffineTransformIdentity
const CGAffineTransformCGAffineTransformIdentity;
这个就是没有变化的最初的样子
创建一个仿射矩阵
?CGAffineTransformMake 直接赋值来创建
?CGAffineTransformMakeRotation 设置角度来生成矩阵
?结果就是
?CGAffineTransformMakeScale  设置缩放,及改变a、d的值
?CGAffineTransformMakeTranslation  设置偏移
改变已经存在的放射矩阵
?CGAffineTransformTranslate  原始的基础上加上偏移
?CGAffineTransformScale加上缩放
?CGAffineTransformRotate加上旋转
?CGAffineTransformInvert 反向的仿射矩阵比如(x,y)通过矩阵t得到了(x‘,y‘)那么通过这个函数生成的t‘作用与(x‘,y‘)就能得到原始的(x,y)
?CGAffineTransformConcat 通过两个已经存在的放射矩阵生成一个新的矩阵t‘ = t1 * t2
应用仿射矩阵
?CGPointApplyAffineTransform 得到新的点
?CGSizeApplyAffineTransform  得到新的size
?CGRectApplyAffineTransform  得到新的rect
评测矩阵
?CGAffineTransformIsIdentity  是否是CGAffineTransformIsIdentity
?CGAffineTransformEqualToTransform 看两个矩阵是否相等
还原transform
缩放
水平方向缩放
sqrt(a^2+c^2)
垂直方向缩放
sqrt(b^2+d^2)
旋转的角度
tan(angle) = b / a
偏移 tx, ty
CGAffineTransform makeTransform(CGFloat xScale, CGFloat yScale,
CGFloat theta, CGFloat tx, CGFloat ty)
{
CGAffineTransform transform = CGAffineTransformIdentity;
transform.a = xScale * cos(theta);
transform.b = yScale * sin(theta);
transform.c = xScale * -sin(theta);
transform.d = yScale * cos(theta);
transform.tx = tx;
transform.ty = ty;
return transform;
}
应用
放射矩阵一个常用的情形就是根据用户的手势来相应的改变视图的变换
UIPanGestureRecognizer  对应位移
UIPinchGestureRecognizer  对应缩放
UIRotationGestureRecognizer 对应旋转
   通常如果需要看到实时的手指移动视图就相应的变换的技巧就是,每次接收到对应的gesture时间就相应的改变view的transform,然后吧这个gesture对应的translation、scale、rotation置为初始值。

时间: 2024-10-01 07:59:00

CGAffineTransform 放射变换解析 即矩阵变换的相关文章

CGAffineTransform 放射变换

矩阵乘法 A B相乘要A的列数等于B的行数才有定义,结果是一个 A行B列的矩阵C,C的每个元素值为A对应的行与B对应的列的元素乘积的和 具体看这里 原理 CGAffineTransform CGAffineTransform 的结构如下 struct CGAffineTransform { CGFloat a; CGFloat b; CGFloat c; CGFloat d; CGFloat tx; CGFloat ty; }; typedef struct CGAffineTransform

图形变换之基本矩阵变换

1)平移变换 从一个位置到另一个位置的变换可以用平移矩阵T表示,该矩阵通过向量t=(tx,ty,tz)对实体进行平移操作. 其实还有另外一种形式(以左手坐标系为基准): 第一种形式(以右手坐标系为基准的)进行变换时将T与需要变换的点或向量A(列向量)相乘,即TA.第二种形式(以左手坐标系为基准)将需要变换的点或向量(行向量)与T相乘,即AT. 平移矩阵的逆矩阵为T-1(t)= T(-t),也就是对向量t进行了置负操作. 2)旋转变换 旋转矩阵 Rx(Θ).Ry(Θ).Rz(Θ)分别表示将物体绕x

三 、Quartz 2D 图形放射变换

矩阵操作主要有旋转操作.缩放操作.平移操作,是以视图左上角为原点进行的.对矩阵的操作一定要在绘制之前完成,不然绘制完了再操作无效. #pragma mark - 矩阵操作 - (void)test18{ CGContextRef context = UIGraphicsGetCurrentContext(); //矩阵旋转45度(参数为图形上下文.旋转角度)是以左上角为旋转点的 //设置矩阵操作要在绘制前完成 CGContextRotateCTM(context, M_PI_4); //平移(参

IOS动画(Core Animation)总结 (参考多方文章)

一.简介 iOS 动画主要是指Core Animation框架.官方使用文档地址为:Core Animation Guide. Core Animation是IOS和OS X平台上负责图形渲染与动画的基础框架.Core Animation可以作用与动画视图或者其他可视元素,为你完成了动画所需的大部分绘帧工作.你只需要配置少量的动画参数(如开始点的位置和结束点的位置)即可使用Core Animation的动画效果.Core Animation将大部分实际的绘图任务交给了图形硬件来处理,图形硬件会加

iOS动画浅汇

转自:http://www.cocoachina.com/ios/20160311/15660.html 在iOS开发中,制作动画效果是最让开发者享受的环节之一.一个设计严谨.精细的动画效果能给用户耳目一新的效果,吸引他们的眼光 —— 这对于app而言是非常重要的.我们总是追求更为酷炫的实现,如果足够仔细,我们不难发现一个好的动画通过步骤分解后本质上不过是一个个简单的动画实现.本文就个人搜集的一些动画相关的理论和实践知识做个小结,不足之处请勿见怪. 理论 UIview VS UIlayer UI

iOS动画浅汇(转)

转自:http://www.cocoachina.com/ios/20160311/15660.html 在iOS开发中,制作动画效果是最让开发者享受的环节之一.一个设计严谨.精细的动画效果能给用户耳目一新的效果,吸引他们的眼光 —— 这对于app而言是非常重要的.我们总是追求更为酷炫的实现,如果足够仔细,我们不难发现一个好的动画通过步骤分解后本质上不过是一个个简单的动画实现.本文就个人搜集的一些动画相关的理论和实践知识做个小结,不足之处请勿见怪. 理论 UIview VS UIlayer UI

iOS 开发之动画篇 - Transform和KeyFrame动画

序言 追求美好是人的天性,这是猿们无法避免的.我们总是追求更为酷炫的实现,如果足够仔细,我们不难发现一个好的动画通过步骤分解后本质上不过是一个个简单的动画实现,正是这些基本的动画在经过合理的搭配组合后化腐朽为神奇,令人惊艳.因此,掌握最基本的动画是完成酷炫开发之旅的根本. 作为动画篇的第二篇文章,我在从UIView动画说起简单介绍了关于UIView的几种基本动画,这几种动画的搭配让我们的登录界面富有灵性生动,但是这几种动画总是无法满足我们对于动画的需求.同样的,本文将从一个小demo开始讲解强大

iOS Core Animation Advanced Techniques(二):视觉效果和变换

四)视觉效果 嗯,园和椭圆还不错,但如果是带圆角的矩形呢? 我们现在能做到那样了么? 史蒂芬·乔布斯 我们在第三章『图层几何学』中讨论了图层的frame,第二章『寄宿图』则讨论了图层的寄宿图.但是图层不仅仅可以是图片或是颜色的容器:还有一系列内建的特性使得创造美丽优雅的令人深刻的界面元素成为可能.在这一章,我们将会探索一些能够通过使用CALayer属性实现的视觉效果. 圆角 圆角矩形是iOS的一个标志性审美特性.这在iOS的每一个地方都得到了体现,不论是主屏幕图标,还是警告弹框,甚至是文本框.按

CoreAnimation2-视觉效果和变换

圆角 圆角矩形是iOS的一个标志性审美特性.这在iOS的每一个地方都得到了体现,不论是主屏幕图标,还是警告弹框,甚至是文本框.按照这流行程度,你可能会认为一定有不借助Photoshop就能轻易创建圆角举行的方法.恭喜你,猜对了. CALayer有一个叫做conrnerRadius的属性控制着图层角的曲率.它是一个浮点数,默认为0(为0的时候就是直角),但是你可以把它设置成任意值.默认情况下,这个曲率值只影响背景颜色而不影响背景图片或是子图层.不过,如果把masksToBounds设置成YES的话