CGAffineTransform相关函数

最新推荐文章于 2021-03-23 16:04:01 发布
最新推荐文章于 2021-03-23 16:04:01 发布 · 77 阅读 · 0

本文详细介绍了Quartz绘图系统中的变换原理，包括移动、旋转和缩放等操作的具体实现方式，并提供了CGAffineTransform的使用实例，帮助读者理解如何通过矩阵变换来控制视图的显示效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

CoreGraphics.h

CGAffineTransform rotation = CGAffineTransformMakeRotation(M_PI_2);
[xxx setTransform:rotation];
呵呵就这么简单的两行代码就可以实现了！
顺便记录一些常量，以后用的着！
#define M_E2.71828182845904523536028747135266250e
#define M_LOG2E1.44269504088896340735992468100189214log 2e
#define M_LOG10E0.434294481903251827651128918916605082log 10e
#define M_LN20.693147180559945309417232121458176568log e2
#define M_LN102.30258509299404568401799145468436421log e10
#define M_PI3.14159265358979323846264338327950288pi
#define M_PI_21.57079632679489661923132169163975144pi/2
#define M_PI_40.785398163397448309615660845819875721pi/4
#define M_1_PI0.3183098861837906715377675267450287241/pi
#define M_2_PI0.6366197723675813430755350534900574482/pi
#define M_2_SQRTPI1.128379167095512573896158903121545172/sqrt(pi)
#define M_SQRT21.41421356237309504880168872420969808sqrt(2)
#define M_SQRT1_20.7071067811865475244008443621048490391/sqrt(2)


from:http://donbe.blog.163.com/blog/static/138048021201061054243442/

CGAffineTransformMakeTranslation(width, 0.0);是改变位置的，


CGAffineTransformRotate(transform, M_PI);是旋转的。


CGAffineTransformMakeRotation(-M_PI);也是旋转的


transform = CGAffineTransformScale(transform, -1.0, 1.0);是缩放的。


view.transform = CGAffineTransformIdentity;线性代数里面讲的矩阵变换，这个是恒等变换


当 你改变过一个view.transform属性或者view.layer.transform的时候需要恢复默认状态的话，记得先把他们重置可以使用

view.transform = CGAffineTransformIdentity，

或者view.layer.transform = CATransform3DIdentity，

假设你一直不断的改变一个view.transform的属性，而每次改变之前没有重置的话，你会发现后来 的改变和你想要的发生变化了，不是你真正想要的结果


Quartz转换实现的原理:Quartz把绘图分成两个部分，
用户空间，即和设备无关，
设备空间，
用户空间和设备空间中间存在一个转换矩阵 ： CTM
本章实质是讲解CTM

Quartz提供的3大功能
移动，旋转，缩放

演示如下，首先加载一张图片
void CGContextDrawImage (
CGContextRef c,
CGRect rect,
CGImageRef image
);





移动函数
CGContextTranslateCTM (myContext, 100, 50);



旋转函数
include <math.h>
static inline double radians (double degrees) {return degrees * M_PI/180;}
CGContextRotateCTM (myContext, radians(–45.));



缩放
CGContextScaleCTM (myContext, .5, .75);



翻转， 两种转换合成后的效果，先把图片移动到右上角，然后旋转180度
CGContextTranslateCTM (myContext, w,h);
CGContextRotateCTM (myContext, radians(-180.));



组合几个动作
CGContextTranslateCTM (myContext, w/4, 0);
CGContextScaleCTM (myContext, .25, .5);
CGContextRotateCTM (myContext, radians ( 22.));





CGContextRotateCTM (myContext, radians ( 22.));
CGContextScaleCTM (myContext, .25, .5);
CGContextTranslateCTM (myContext, w/4, 0);




上面是通过直接修改当前的ctm实现3大效果，下面是通过创建Affine Transforms，然后连接ctm实现同样的3种效果
这样做的好处是可以重用这个Affine Transforms
应用Affine Transforms 到ctm的函数
void CGContextConcatCTM (
CGContextRef c,
CGAffineTransform transform
);


Creating Affine Transforms
移动效果
CGAffineTransform CGAffineTransformMakeTranslation (
CGFloat tx,
CGFloat ty
);

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

旋转效果
CGAffineTransform CGAffineTransformMakeRotation (
CGFloat angle
);

CGAffineTransform CGAffineTransformRotate (
CGAffineTransform t,
CGFloat angle
);

缩放效果
CGAffineTransform CGAffineTransformMakeScale (
CGFloat sx,
CGFloat sy
);

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

反转效果
CGAffineTransform CGAffineTransformInvert (
CGAffineTransform t
);

只对局部产生效果
CGRect CGRectApplyAffineTransform (
CGRect rect,
CGAffineTransform t
);

判断两个AffineTrans是否相等
bool CGAffineTransformEqualToTransform (
CGAffineTransform t1,
CGAffineTransform t2
);



获得Affine Transform
CGAffineTransform CGContextGetUserSpaceToDeviceSpaceTransform (
CGContextRef c
);

下面的函数只起到查看的效果，比如看一下这个用户空间的点，转换到设备空间去坐标是多少
CGPoint CGContextConvertPointToDeviceSpace (
CGContextRef c,
CGPoint point
);

CGPoint CGContextConvertPointToUserSpace (
CGContextRef c,
CGPoint point
);

CGSize CGContextConvertSizeToDeviceSpace (
CGContextRef c,
CGSize size
);

CGSize CGContextConvertSizeToUserSpace (
CGContextRef c,
CGSize size
);

CGRect CGContextConvertRectToDeviceSpace (
CGContextRef c,
CGRect rect
);

CGRect CGContextConvertRectToUserSpace (
CGContextRef c,
CGRect rect
);


CTM真正的数学行为
这个转换矩阵其实是一个 3x3的 举证
如下图


下面举例说明几个转换运算的数学实现
x y 是原先点的坐标
下面是从用户坐标转换到设备坐标的计算公式




下面是一个identity matrix，就是输入什么坐标，出来什么坐标，没有转换

最终的计算结果是 x=x，y=y，


可以用函数判断这个矩阵是不是一个 identity matrix
bool CGAffineTransformIsIdentity (
CGAffineTransform t
);




参考:http://developer.apple.com/library/ios/#documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_affine/dq_affine.html








- (void)willAnimateFirstHalfOfRotationToInterfaceOrientation:(UIInterfaceOrientation)toInterfaceOrientation duration:(NSTimeInterval)duration
{


if (toInterfaceOrientation == UIInterfaceOrientationPortrait)
{
b=YES;

self.view=mainvv;
self.view.transform = CGAffineTransformIdentity;
self.view.transform = CGAffineTransformMakeRotation(degreesToRadian(0));
self.view.bounds = CGRectMake(0.0, 0.0, 768.0, 1004.0);

}
else if (toInterfaceOrientation == UIInterfaceOrientationLandscapeLeft)
{
b=NO;

self.view = self.vv;
self.view.transform = CGAffineTransformIdentity;
self.view.transform = CGAffineTransformMakeRotation(degreesToRadian(-90));
self.view.bounds = CGRectMake(0.0, 0.0, 1024.0, 748.0);



}
else if (toInterfaceOrientation == UIInterfaceOrientationPortraitUpsideDown)
{

b=YES;
self.view=mainvv;
self.view.transform = CGAffineTransformIdentity;
self.view.transform = CGAffineTransformMakeRotation(degreesToRadian(180));
self.view.bounds = CGRectMake(0.0, 0.0, 768.0, 1004.0);

}
else if (toInterfaceOrientation == UIInterfaceOrientationLandscapeRight)
{

b=NO;
self.view = self.vv;
self.view.transform = CGAffineTransformIdentity;
self.view.transform = CGAffineTransformMakeRotation(degreesToRadian(90));
self.view.bounds = CGRectMake(0.0, 0.0, 1024.0, 748.0);

}


}


3

Quartz转换实现的原理:Quartz把绘图分成两个部分，
用户空间，即和设备无关，
设备空间，
用户空间和设备空间中间存在一个转换矩阵 ： CTM
本章实质是讲解CTM

Quartz提供的3大功能
移动，旋转，缩放

演示如下，首先加载一张图片
void CGContextDrawImage (
CGContextRef c,
CGRect rect,
CGImageRef image
);





移动函数
CGContextTranslateCTM (myContext, 100, 50);




旋转函数
include <math.h>
static inline double radians (double degrees) {return degrees * M_PI/180;}
CGContextRotateCTM (myContext, radians(–45.));



缩放
CGContextScaleCTM (myContext, .5, .75);



翻转， 两种转换合成后的效果，先把图片移动到右上角，然后旋转180度
CGContextTranslateCTM (myContext, w,h);
CGContextRotateCTM (myContext, radians(-180.));



组合几个动作
CGContextTranslateCTM (myContext, w/4, 0);
CGContextScaleCTM (myContext, .25, .5);
CGContextRotateCTM (myContext, radians ( 22.));





CGContextRotateCTM (myContext, radians ( 22.));
CGContextScaleCTM (myContext, .25, .5);
CGContextTranslateCTM (myContext, w/4, 0);




上面是通过直接修改当前的ctm实现3大效果，下面是通过创建Affine Transforms，然后连接ctm实现同样的3种效果
这样做的好处是可以重用这个Affine Transforms
应用Affine Transforms 到ctm的函数
void CGContextConcatCTM (
CGContextRef c,
CGAffineTransform transform
);


Creating Affine Transforms
移动效果
CGAffineTransform CGAffineTransformMakeTranslation (
CGFloat tx,
CGFloat ty
);

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

旋转效果
CGAffineTransform CGAffineTransformMakeRotation (
CGFloat angle
);

CGAffineTransform CGAffineTransformRotate (
CGAffineTransform t,
CGFloat angle
);

缩放效果
CGAffineTransform CGAffineTransformMakeScale (
CGFloat sx,
CGFloat sy
);

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

反转效果
CGAffineTransform CGAffineTransformInvert (
CGAffineTransform t
);

只对局部产生效果
CGRect CGRectApplyAffineTransform (
CGRect rect,
CGAffineTransform t
);

判断两个AffineTrans是否相等
bool CGAffineTransformEqualToTransform (
CGAffineTransform t1,
CGAffineTransform t2
);



获得Affine Transform
CGAffineTransform CGContextGetUserSpaceToDeviceSpaceTransform (
CGContextRef c
);

下面的函数只起到查看的效果，比如看一下这个用户空间的点，转换到设备空间去坐标是多少
CGPoint CGContextConvertPointToDeviceSpace (
CGContextRef c,
CGPoint point
);

CGPoint CGContextConvertPointToUserSpace (
CGContextRef c,
CGPoint point
);

CGSize CGContextConvertSizeToDeviceSpace (
CGContextRef c,
CGSize size
);

CGSize CGContextConvertSizeToUserSpace (
CGContextRef c,
CGSize size
);

CGRect CGContextConvertRectToDeviceSpace (
CGContextRef c,
CGRect rect
);

CGRect CGContextConvertRectToUserSpace (
CGContextRef c,
CGRect rect
);


CTM真正的数学行为
这个转换矩阵其实是一个 3x3的 举证
如下图


下面举例说明几个转换运算的数学实现
x y 是原先点的坐标
下面是从用户坐标转换到设备坐标的计算公式




下面是一个identity matrix，就是输入什么坐标，出来什么坐标，没有转换

最终的计算结果是 x=x，y=y，


可以用函数判断这个矩阵是不是一个 identity matrix
bool CGAffineTransformIsIdentity (
CGAffineTransform t
);


移动矩阵




缩放矩阵



旋转矩阵



旋转加移动矩阵


iteye_7514
关注
CGAffineTransform 介绍
Rey的技术博客
04-25 533
介绍 CGAffineTransform是一个用于处理形变的类, 它可以将作用的控件进行平移、缩放、旋转等形变, 其坐标系统采用的是二维坐标系, 即向右为x轴正方向,向下为y轴正方向 苹果官方文档中是这样定义的： CGAffineTransform用于绘制2D图形的一个仿射变换矩阵 用于做旋转、缩放、平移。一个仿射变换矩阵 （是一个3*3的矩阵） 它采用的是二维坐标系（ 即向右为x轴正方向,向下为y轴正方向） CGAffineTransform提供了这样一个函数 CGAffineTransform C
CGAffineTransform-缩放、移动、旋转
Tim的博客
08-20 898
//旋转 - (IBAction)rotationButtonPressed:(id)sender { self.imageView.transform = CGAffineTransformRotate(self.imageView.transform, M_PI_4); } //缩放 - (IBAction)scal
AffineTransform图像仿射操作类
(Never Give Up)--(我的知识点滴)
01-25 580
写道 AffineTransform类描述了一种二维仿射变换的功能，它是一种二维坐标到二维坐标之间的线性变换，保持二维图形的“平直性”（译注：straightness，即变换后直线还是直线不会打弯，圆弧还是圆弧）和“平行性”（译注：parallelness，其实是指保二维图形间的相对位置关系不变，平行线还是平行线，相交直线的交角不变。大二学过的复变，“保形变换/保角变换”都还记得吧，数学就是王道...
opencv-api getAffineTransform()
Claroja
11-01 6128
retval = cv.getAffineTransform( src, dst ) 通过3点对应关系获得反射变换矩阵 参数 描述 retval 返回值，仿射变换矩阵 src 原始图像，三个点 dst 目标图像，三个点 ...
opencv3计算变换矩阵getAffineTransform函数和进行仿射变换warpAffine函数
qq_23880193的专栏
10-16 5892
#include #include #include using namespace cv; using namespace std; int main() { Mat srcImage = imread("tiger.jpg"); imshow("【原图】", srcImage); Mat dstImage; dstImage.create(srcImage.size(), src
cv2.getAffineTransform()和cv2.warpPerspective()仿射变换和透视变换
xuan971130的博客
03-23 593
https://my.oschina.net/u/4312590/blog/4333564
CGAffineTransform简单的使用
03-23
在iOS和macOS开发中，`CGAffineTransform`是苹果Core Graphics框架中的一个核心部分，用于处理二维几何变换，如平移、旋转、缩放和倾斜。这个知识点涉及到计算机图形学的基础，是移动应用开发中不可忽视的一个环节。...
iOS CGAffineTransform 实现抽屉动画
03-02
4. **动画完成回调**：在动画块的末尾，可以设置一个`completion`回调函数，根据动画的状态（是否成功完成）更新视图的状态，例如，完全显示或隐藏抽屉。 5. **反向动画**：当抽屉需要关闭时，执行相反的平移动画，...
SwiftTransforms:给CGAffineTransform和CATransform3D他们应有的爱
05-20
2. 提供了转换函数，方便在2D和3D变换之间进行切换，如`CGAffineTransform.toCATransform3D()`和`CATransform3D.toCGAffineTransform()`。 3. 可能包含一些实用工具，比如计算变换后的矩形尺寸或位置，或者从已知...
掌握CGAffineTransform：从源码到工具的简单使用教程
以下将详细介绍`CGAffineTransform`的使用方法和相关知识点。 首先，`CGAffineTransform`是一个3x2的矩阵，可以用来表示仿射变换，即保持图形的“平直性”和“平行性”的线性变换。这种变换包括旋转、缩放、平移和...
opencv warpAffine()函数理解--图像仿射变换
织席贩履之辈
05-20 3126
opencv怎么学？ 首先以你对opencv有一个比较粗浅的认识，下方是介绍的链接; opencv中文教程：http://www.woshicver.com/FirstSection/0_OpenCV-Python Tutorials/ 没事打开看看前几节，就到看小说了。 Mat - 基本图像容器，你有必要了解一番，这是图像数据的底层数据结构，你不了解能行吗？链接：http://www.opencv.org.cn/opencvdoc/2.3.2/html/doc/tutorials/core/mat -
getAffineTransform函数
热门推荐
qq_18343569的博客
08-24 1万+
getAffineTransform函数 函数作用： 主要用于生成仿射变换矩阵 一个任意的仿射变换都能表示为 乘以一个矩阵 (线性变换) 接着再 加上一个向量 (平移). 综上所述, 我们能够用仿射变换来表示: 旋转 (线性变换)平移 (向量加)缩放操作 (线性变换) 你现在可以知道, 事实上, 仿射变换代表的是两幅图之间的 关系 . 我们通常
OpenCV学习笔记（1）：仿射getAffineTransform和warpAffine
qq_39071305的博客
12-26 1956
由于工作原因，最近开始研究图像处理相关技术，开始接触OpenCV，主要是为了重构PACS系统中的平移、缩放和旋转三个图像操作的接口函数。opencv作为目前计算机视觉领域的热门开源库，有着稳定且功能强大的优点。下面是刚接触时的一些研究，主要是学习仿射，及一些相关的函数接口的使用，这里整理一下，方便以后查看，若有错误的地方还请谅解，随意评论纠正！ 看到很多代码示例都有cv::Mat的字眼，cv是o...
CCS V5 的安装与使用.ppt
最新发布
08-08
CCS V5 的安装与使用
制造业C# ERP管理系统源码：从客户档案到财务管理的一站式解决方案
08-08
内容概要：本文介绍了基于C#开发的制造业通用ERP管理系统源码，涵盖多个关键业务模块，包括基础档案、样品开发、订单管理、生产管理、采购管理、材料管理、成品管理、外协管理和财务管理。每个模块都详细描述了其具体功能，如客户档案管理、订单变更记录、生产排产、采购明细、库存查询、成品出库以及各种财务事务的处理。通过该系统，企业可以实现对生产、采购、销售、财务等环节的全面信息化管理，从而提升运营效率并降低运营成本。 适合人群：从事制造业信息化建设的技术人员、项目经理、企业管理层。 使用场景及目标：适用于希望构建或优化自身ERP系统的制造型企业，旨在提供一套完整的、一站式的解决方案，帮助企业在各个业务流程上实现高效协同运作。 其他说明：文中不仅提供了详细的模块功能介绍，还强调了各模块间的数据流动和相互协作关系，为开发者和技术团队提供了宝贵的参考资料。
Python程序设计与数据科学导论期中大作业：基于观影数据集的数据分析与挖掘
08-08
资源下载链接为： https://pan.quark.cn/s/b019e98ecb66 Python程序设计与数据科学导论期中大作业：基于观影数据集的数据分析与挖掘（最新、最全版本！打开链接下载即可用！）
蓝桥杯竞赛简单介绍.md
08-08
蓝桥杯全国软件和信息技术专业人才大赛是自 2010 年起举办的全国性赛事，由工业和信息化部人才交流中心主办，在高校和行业内认可度高、知名度广。​ 其旨在推动相关领域人才培养，提升学生创新、实践和职业素养，为行业输送高素质人才，且紧跟技术趋势与产业需求，为选手提供展示、交流和竞技平台。​ 竞赛组别丰富，含软件类（如 C/C++、Java、Python 程序设计等）和电子类（如嵌入式、单片机设计与开发等），面向全国普通高校及中职院校学生，分本科组、高职高专组等，保障公平与针对性。​ 竞赛分省赛（3 - 4 月，闭卷考基础）和全国总决赛（5 - 6 月，含笔试、现场编程等，考察综合能力）两阶段。内容围绕核心知识与前沿技术，兼顾基础理论与实践技能，题目具创新性和实用性。​ 对学生而言，参与可激发学习兴趣、提升能力，竞赛成绩还能为升学、就业加分，深受师生和企业好评，在人才培养及产学研结合方面作用显著。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值