CoreGraphics中的 CGAffineTransform的讲解

最新推荐文章于 2020-07-03 15:25:04 发布
最新推荐文章于 2020-07-03 15:25:04 发布
阅读量1.5k 收藏 1
点赞数
分类专栏： iOS 文章标签： 动画 形变 缩放 平移 旋转
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yimanfly/article/details/41074469
版权

1：对于 CoreGraphics 框架，是绘制平面图形时所需的框架。与 Foundation 框架，UIKit 框架为项目创建时默认提供的3大框架。

2  对于CGAffineTransform 的描述，apple 官方文档是这样描述的：

The CGAffineTransform data structure represents a matrix used for affine transformations. A transformation specifies how points in one coordinate system map to points in another coordinate system. An affine transformation is a special type of mapping that preserves parallel lines in a path but does not necessarily preserve lengths or angles. Scaling, rotation, and translation are the most commonly used manipulations supported by affine transforms, but skewing is also possible.

翻译如下：CGAffineTransform这种数据结构表示了一个用于仿射变换（http://baike.baidu.com/view/954621.htm?fr=aladdin）的矩阵（http://baike.baidu.com/subview/10337/6436981.htm?fr=aladdin）。一种变换指定了坐标系中的一点的位置如何从 A 坐标系放射到 B 坐标系。仿射变换是一种特殊类型的变换，它可以保存平行线的路径但是不保存长度或角度。缩放，旋转，平移是仿射变换中最常见的操作，倾斜也是支持的。

Quartz provides functions that create, concatenate, and apply affine transformations using the CGAffineTransform data structure. For information on how to use affine transformation functions, see Quartz 2D Programming Guide.

翻译如下：Quartz提供了创建，连接的函数，应用仿射变换时使用CGAffineTransform数据结构，关于仿射变换更多的信息请参考Quartz 2D Programming Guide.

You typically do not need to create an affine transform directly—CGContext Reference describes functions that modify the current affine transform. If you don’t plan to reuse an affine transform, you may want to use CGContextScaleCTM, CGContextRotateCTM,CGContextTranslateCTM, or CGContextConcatCTM.

翻译如下：你通常不需要直接创建一个仿射变换， CGContext Reference描述了如何修改当前变换的函数。如果你不打算重用这个仿射变换，你可以使用

CGContextScaleCTM, CGContextRotateCTM,CGContextTranslateCTM, or CGContextConcatCTM.

3：相关说明

struct CGAffineTransform {

  CGFloat a, b, c, d;

  CGFloat tx, ty;

};首先这是一个结构体，包括6个浮点型的变量 a,b,c,d,tx,ty。其实它们是一个3行3列矩阵（matrix）的前2列的元素，最后一列默认为

（0

  0

 1）其位置描述苹果是这样描述的

Parameters
a

The value at position [1,1] in the matrix.

b

The value at position [1,2] in the matrix.

c

The value at position [2,1] in the matrix.

d

The value at position [2,2] in the matrix.

tx

The value at position [3,1] in the matrix.

ty

The value at position [3,2] in the matrix.

最终由这9个参数构成了一个3行3列的矩阵
 |   a, b,  0  |
 |   c, d,  0  |
 |  tx, ty,1    |

a: Creating an Affine Transformation Matrix(创建一个仿射变换矩阵)
  • CGAffineTransformMake

    Returns an affine transformation matrix constructed from values you provide.（根据你提供的值返回一个仿射矩阵）

    Declaration

    OBJECTIVE-C

    CGAffineTransform CGAffineTransformMake ( CGFloat a, CGFloat b, CGFloat c, CGFloat d, CGFloat tx, CGFloat ty );

    Return Value

    A new affine transform matrix constructed from the values you specify.(根据你指定的值构建一个新的仿射矩阵)

    Discussion

    This function creates a CGAffineTransform structure that represents a new affine transformation matrix, which you can use (and reuse, if you want) to transform a coordinate system. The matrix takes the following form:

    image: ../Art/equation01.pict

    Because the third column is always (0,0,1), the CGAffineTransform data structure returned by this function contains values for only the first two columns.(这个函数创建了一个CGAffineTransform结构变量，用于表示一个新的仿射变换矩阵，你可以使用它在坐标系统中变换你想改变的视图，矩阵的形式如下)
    其中b,c,d 这三种情况都以系统默认的 transform 为基准，默认的 transform 为（1，0，1，0，0，0）。即视图最初在的布局位置

b: CGAffineTransformMakeRotation (用于旋转的函数)

Returns an affine transformation matrix constructed from a rotation value you provide.

Declaration

SWIFT

func CGAffineTransformMakeRotation(_ angle: CGFloat) -> CGAffineTransform

OBJECTIVE-C

CGAffineTransform CGAffineTransformMakeRotation ( CGFloat angle );

Parameters
angle

The angle, in radians, by which this matrix rotates the coordinate system axes. In iOS, a positive value specifies counterclockwise rotation and a negative value specifies clockwise rotation. In OS X, a positive value specifies clockwise rotation and a negative value specifies counterclockwise rotation.（对于参数的解释：这个角度（弧度表示）,通过这个参数决定在坐标系统中旋转的程度及旋转方向，在IOS，正值指定逆时针旋转和负值指定为顺时针方向旋转。在OS X中，一个正值指定为顺时针方向旋转，而负值指定逆时针旋转。）

Return Value

A new affine transformation matrix.








This function creates a CGAffineTransform structure, which you can use (and reuse, if you want) to rotate a coordinate system. The matrix takes the following form:

image: ../Art/equation10.pict

The actual direction of rotation is dependent on the coordinate system orientation of the target platform, which is different in iOS and OS X. Because the third column is always (0,0,1), the CGAffineTransform data structure returned by this function contains values for only the first two columns.（旋转的实际方向取决于目标平台的坐标系统取向，在iOS和OS X是不同的。坐标系的第三列是永远（0,0,1），这个函数返回的CGAffineTransform数据结构包含的值只有头两列。）

These are the resulting equations that Quartz uses to apply the rotation to a point (x, y): （Quartz将使用如下的方程组对点（x,y）重新布局）

image: ../Art/equation11.pict  （）

c:CGAffineTransformMakeScale(用于缩放的函数)

Returns an affine transformation matrix constructed from scaling values you provide.

Declaration



















SWIFT

func CGAffineTransformMakeScale(_ sx: CGFloat,
                              _ sy: CGFloat) -> CGAffineTransform

OBJECTIVE-C




CGAffineTransform CGAffineTransformMakeScale ( CGFloat sx, CGFloat sy );

Parameters
sx

The factor by which to scale the x-axis of the coordinate system.（sx将用于缩放坐标系 X 轴上的点）

sy

The factor by which to scale the y-axis of the coordinate system. （sy将用于缩放坐标系Y 轴上的点）

Return Value

A new affine transformation matrix.

Discussion

This function creates a CGAffineTransform structure, which you can use (and reuse, if you want) to scale a coordinate system. The matrix takes the following form:

image: ../Art/equation08.pict

Because the third column is always (0,0,1), the CGAffineTransform data structure returned by this function contains values for only the first two columns.

These are the resulting equations that Quartz uses to scale the coordinates of a point (x,y):

image: ../Art/equation09.pict



d
d:
CGAffineTransformMakeTranslation（用于平移的函数）

Returns an affine transformation matrix constructed from translation values you provide.

Declaration

SWIFT

func CGAffineTransformMakeTranslation(_ tx: CGFloat,
                                    _ ty: CGFloat) -> CGAffineTransform

OBJECTIVE-C

CGAffineTransform CGAffineTransformMakeTranslation ( CGFloat tx, CGFloat ty );

Parameters
tx

The value by which to move the x-axis of the coordinate system.（这个参数决定了在 X 轴上的移动）

ty

The value by which to move the y-axis of the coordinate system.（这个参数决定了在 Y 轴上的移动）

Return Value

A new affine transform matrix.

Discussion

This function creates a CGAffineTransform structure. which you can use (and reuse, if you want) to move a coordinate system. The matrix takes the following form:

image: ../Art/equation06.pict

Because the third column is always (0,0,1), the CGAffineTransform data structure returned by this function contains values for only the first two columns.

These are the resulting equations Quartz uses to apply the translation to a point (x,y):

image: ../Art/equation07.pict

e:CGAffineTransformTranslate(根据指定的Transform再做平移变换，与 CGAffineTransformMakeTanslate 其他相同)
CGAffineTransformTranslate)
Declaration

SWIFT

func CGAffineTransformTranslate(_ t: CGAffineTransform,
                              _ tx: CGFloat,
                              _ ty: CGFloat) -> CGAffineTransform

OBJECTIVE-C

CGAffineTransform CGAffineTransformTranslate ( CGAffineTransform t, CGFloat tx, CGFloat ty );
Parameters
t

An existing affine transform.

tx

The value by which to move x values with the affine transform.

ty

The value by which to move y values with the affine transform.


f:( 根据指定的 transform 进行缩放 )
Declaration

SWIFT

func CGAffineTransformScale(_ t: CGAffineTransform,
                          _ sx: CGFloat,
                          _ sy: CGFloat) -> CGAffineTransform

OBJECTIVE-C

CGAffineTransform CGAffineTransformScale ( CGAffineTransform t, CGFloat sx, CGFloat sy );

Parameters
t

An existing affine transform.

sx

The value by which to scale x values of the affine transform.

sy

The value by which to scale y values of the affine transform.

g:（根据指定的 transform 进行旋转）
 Declaration

SWIFT

func CGAffineTransformRotate(_ t: CGAffineTransform,
                           _ angle: CGFloat) -> CGAffineTransform

OBJECTIVE-C

CGAffineTransform CGAffineTransformRotate ( CGAffineTransform t, CGFloat angle );

Parameters
t

An existing affine transform.

angle

The angle, in radians, by which to rotate the affine transform. In iOS, a positive value specifies counterclockwise rotation and a negative value specifies clockwise rotation. In OS X, a positive value specifies clockwise rotation and a negative value specifies counterclockwise rotation.

h:（ 关于 CGAffineTransform的详细信息 ）
  • CGAffineTransform

    A structure for holding an affine transformation matrix.

    Declaration

    OBJECTIVE-C

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

    Fields
    a

    The entry at position [1,1] in the matrix.

    b

    The entry at position [1,2] in the matrix.

    c

    The entry at position [2,1] in the matrix.

    d

    The entry at position [2,2] in the matrix.

    tx

    The entry at position [3,1] in the matrix.

    ty

    The entry at position [3,2] in the matrix.

    Discussion

    In Quartz 2D, an affine transformation matrix is used to rotate, scale, translate, or skew the objects you draw in a graphics context. TheCGAffineTransform type provides functions for creating, concatenating, and applying affine transformations.

    In Quartz, affine transforms are represented by a 3 by 3 matrix:

    image: ../Art/equation01.pict

    Because the third column is always (0,0,1), the CGAffineTransform data structure contains values for only the first two columns.

    Conceptually, a Quartz affine transform multiplies a row vector representing each point (x,y) in your drawing by this matrix, producing a vector that represents the corresponding point (x’,y’):

    image: ../Art/equation02.pict

    Given the 3 by 3 matrix, Quartz uses the following equations to transform a point (x, y) in one coordinate system into a resultant point (x’,y’) in another coordinate system.

    image: ../Art/equation03.pict

    The matrix thereby “links” two coordinate systems—it specifies how points in one coordinate system map to points in another.

    Note that you do not typically need to create affine transforms directly. If you want only to draw an object that is scaled or rotated, for example, it is not necessary to construct an affine transform to do so. The most direct way to manipulate your drawing—whether by movement, scaling, or rotation—is to call the functions CGContextTranslateCTM, CGContextScaleCTM, or CGContextRotateCTM, respectively. You should generally only create an affine transform if you want to reuse it later.


Constants

  • CGAffineTransformIdentity

    The identity transform.

    Declaration

    SWIFT

    let CGAffineTransformIdentity: CGAffineTransform

    OBJECTIVE-C

    constCGAffineTransformCGAffineTransformIdentity;

    Constants

    • CGAffineTransformIdentity

      The identity transform:image: ../Art/equation04.gif
YimanFly
关注
专栏目录
Transforms
程序人生
09-03 2107
Transforms The Quartz 2D drawing model defines two completely separate coordinate spaces: user space, which represents the document page, and device space, which represents the native resolution of
java 三维旋转立方体_iOS-从三维立方体到理解CATransform3D&CGAffineTransform&m34
weixin_39560604的博客
02-26 191
前言在写Custom Layout的demo时，用到了CATransform3D的m34参数，不务正业的想探究下这个矩阵到底为什么能影响到图形的透视旋转等等变换，所以通过本篇文章总结一下收获，供以后参考目录简单实现三维立方体CATransform3D&CGAffineTransform使用介绍原理探究及理解简单实现三维立方体实现这个蛮简单的，只需要合理的调整旋转角度和平移，再加上一个定时器...
CoreGraphics框架中的CGAffineTransform
ios_xumin的专栏
12-25 411
oreGraphics框架中的CGAffineTransform类可用于设定UIView的transform属性，控制视图的缩放、旋转和平移操作： 另称放射变换矩阵，可参照线性代数的矩阵实现方式0.0 这里附上的CGAffineTransform官方文档： https://developer.apple.com/library/ios/documentation/GraphicsImagin
Core Graphics图形变换
KT的iOS开发小站
06-06 1773
简单的坐标变换：Quarzd 2D提供了三个API进行坐标变换：//1.位移变换 CGContextTranslateCTM(CGContextRef c, CGFloat tx, CGFloat ty);对于变换后的坐标系而言，原点位于原坐标系的(tx,ty)处。也相当于在原有坐标系下，所有点的横纵坐标分别增加tx和ty。//2.旋转变换 CGContextRotateCTM(CGContextR
Core Graphics 之 Transforms （六）
pengf_wuxiaowu的博客
08-27 172
Transforms Quartz 2D绘图模型定义了两个完全独立的坐标空间:表示文档页面的用户空间和表示设备本机分辨率的设备空间。用户空间坐标是与设备空间像素分辨率无关的浮点数。当您想打印或显示文档时，Quartz会将用户空间坐标映射到设备空间坐标。因此，您不必重写应用程序或编写额外的代码来调整应用程序的输出以在不同设备上进行最佳显示。 您可以通过操作当...
CoreGraphics 学习摘记之 Transforms
lihogjun的专栏
07-02 625
The Quartz 2D drawing model defines two completely separate coordinate spaces: user space, which represents the document page, and device space, which represents the native resolution of a device. U
iOS仿微博导航栏动画(CoreGraphics)的实现方法
08-27
首先，我们来看实现这种动画的关键是利用CoreGraphics中的`CGAffineTransform`。`CGAffineTransform`提供了对二维坐标系统的变换操作，包括平移（translation）、缩放（scale）等。在动画中，我们主要用到两个方法：...
UIBezierPath 基础方法属性的全面介绍
Dyoung26的博客
07-20 749
UIKit中的UIBezierPath是Core Graphics框架关于path的一个封装。可以创建基于矢量的路径，例如椭圆或者矩形，或者有多个直线和曲线段组成的形状.
Core ML简介及实时目标检测及Caffe TensorFlow coremltools模型转换
什么都不会的小菜鸟
01-31 3068
Core ML简介及实时目标检测，Caffe、Tensorflow与Core ML模型转换、Vision库的使用 转载请注明出处 http://blog.csdn.net/u014205968/article/details/79220659 本篇文章首先会简要介绍iOS 11推出的Core ML机器学习框架，接着会以实际的已经训练好的Caffe、Tensorflow模型为例，讲解coreml
iOS图片合成（拍照换发）
02-28
总的来说，实现“iOS图片合成（拍照换发）”这一功能，需要掌握以下几个关键技术点：AVFoundation的拍照功能，UIImage的处理，Core ML的图像识别，CGAffineTransform的图像变换，以及Core Graphics的图像合成。...
iOS学习之UI初级————CGAffineTransform坐标系统变换以及UIView的属性动画
Lerryteng的博客
03-30 2652
浅谈编者对CGAffineTransform坐标系统变换以及UIView的属性动画的认识和理解 坐标系统变换通过transform属性来改变 ·CGAffineTransformScale //对视图比例缩放  ·CGAffineTransformRotate //对视图做变焦旋转  ·CGAffineTransformTranslate //对视图在原来的位置上做平移
CGAffineTransform的基础认识
无呼
02-28 1057
CGAffineTransform这个东西呢，名字比较长，意思呢也不好理解，刚接触的人对这个东西估计都有点摸不着头脑。平时自己也少去研究这货，近日闲来无事，琢磨了一阵子，对CGAffineTransform算是略有了解，特记下来，以加深记忆。 先来说说CGAffineTransform是干啥使的。它就是用于2D仿射变换。那么问题来了！什么是2D仿射变换？ 在几何上定义为两个向量空间之间
CGAffineTransform的不同组合方式
kefeng_chen的专栏
03-16 2954
CGAffineTransfrom可以有两种不同的组合方式：CGAffineTransformTranslate/Rotate/Scale 和 CGAffineTransformConcate。在使用中要注意二者的区别。 简单的说， 下面两组代码的结果是等效的： CGAffineTransfrom combinedTrans = CGAffineTransfromMakeTrans
Swift 中CGAffineTransform的写法
allanGold
05-05 2980
button.transform = .init(scaleX: 0.5, y: 0.5)                  button.transform = CGAffineTransform.init(scaleX: 0.5, y: 0.5) 因为CGAffineTransform 其实是oc里的
iOS CGAffineTransform 动画
司马懿的西山居
06-12 2453
CoreGraphics框架中的CGAffineTransform类可用于设定UIView的transform属性，控制视图的缩放、旋转和平移操作： 另称放射变换矩阵，可参照线性代数的矩阵实现方式 这里附上的CGAffineTransform官方文档： https://developer.apple.com/library/ios/documentation/GraphicsImagin
Swift CGAffineTransform仿射变换的使用
yanPingWang_8的博客
10-26 1320
// MARK:CGAffineTransform仿射变换的使用     private func useCGAffineTransformAction(){ //        使用视图对象的仿射变换的功能，旋转UIView视图                  let view = UIView(frame: CGRect(x: 50, y: 150, width: 200, heig...
CGAffineTransformMakeRotation 实现旋转
热门推荐
06-05 5万+
实现一张图片的旋转部分角度显示： UIImageView *image = [[UIImageView alloc]init]; image.frame = CGRectMake(50, 50, 200, 200); image.image = [UIImage imageNamed:@"460.jpg"]; [self.view addSubview:image];
20200703--iOS之CGAffineTransform结构体（仿射变换）
qq_30185503的博客
07-03 364
Structure CGAffineTransform An affine transformation matrix for use in drawing 2D graphics. --用于绘制2D图形的仿射变换矩阵。 Declaration struct CGAffineTransform Overview --概览 An affine transformation matrix is used to rotate, scale, translate, or...
CGAffineTransformMakeTranslation, CGAffineTransformTranslate, CGAffineTransformIdentity
03-11 6330
今天项目scrollview 中用到CGAffineTransformMakeTranslation来做特效，效果不错 先简单分析下这2几个函数的区别 CGAffineTransformMakeTranslation : 每次都是以最初位置的中心点为参考 CGAffineTransformTranslate 每次都是以传入的transform为参照（既 有叠加效果） CGA
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值