`
beike
  • 浏览: 361760 次
社区版块
存档分类
最新评论

CGAffineTransform相关函数

 
阅读更多

CGAffineTransform rotation = CGAffineTransformMakeRotation(M_PI_2);
[xxx setTransform:rotation];
呵呵就这么简单的两行代码就可以实现了！

顺便记录一些常量，以后用的着！

#define M_E         2.71828182845904523536028747135266250   e
#define M_LOG2E     1.44269504088896340735992468100189214   log 2e
#define M_LOG10E    0.434294481903251827651128918916605082  log 10e
#define M_LN2       0.693147180559945309417232121458176568  log e2
#define M_LN10      2.30258509299404568401799145468436421   log e10
#define M_PI        3.14159265358979323846264338327950288   pi
#define M_PI_2      1.57079632679489661923132169163975144   pi/2
#define M_PI_4      0.785398163397448309615660845819875721  pi/4
#define M_1_PI      0.318309886183790671537767526745028724  1/pi
#define M_2_PI      0.636619772367581343075535053490057448  2/pi
#define M_2_SQRTPI  1.12837916709551257389615890312154517   2/sqrt(pi)
#define M_SQRT2     1.41421356237309504880168872420969808   sqrt(2)
#define M_SQRT1_2   0.707106781186547524400844362104849039  1/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
);
 
 
 
 




- (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
);



Transforms（未完） - happy dog - 又一个部落格
 

 


移动函数


CGContextTranslateCTM (myContext, 100, 50);







Transforms（未完） - happy dog - 又一个部落格

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





Transforms（未完） - happy dog - 又一个部落格





缩放


CGContextScaleCTM (myContext, .5, .75);






Transforms（未完） - happy dog - 又一个部落格






翻转， 两种转换合成后的效果，先把图片移动到右上角，然后旋转180度



CGContextTranslateCTM (myContext, w,h);
CGContextRotateCTM (myContext, radians(-180.));






Transforms（未完） - happy dog - 又一个部落格






组合几个动作



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






Transforms（未完） - happy dog - 又一个部落格
 










CGContextRotateCTM (myContext, radians ( 22.));
CGContextScaleCTM (myContext, .25,  .5);


CGContextTranslateCTM (myContext, w/4, 0);






Transforms（未完） - happy dog - 又一个部落格








上面是通过直接修改当前的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的 举证


如下图


Transforms（待续） - happy dog - 又一个部落格

下面举例说明几个转换运算的数学实现
x y 是原先点的坐标
下面是从用户坐标转换到设备坐标的计算公式
Transforms（待续） - happy dog - 又一个部落格

Transforms（待续） - happy dog - 又一个部落格

下面是一个identity matrix，就是输入什么坐标，出来什么坐标，没有转换
Transforms（待续） - happy dog - 又一个部落格
最终的计算结果是 x=x，y=y，  
Transforms（待续） - happy dog - 又一个部落格

 可以用函数判断这个矩阵是不是一个 identity matrix


bool CGAffineTransformIsIdentity (
   CGAffineTransform t
);








移动矩阵


Transforms（待续） - happy dog - 又一个部落格



Transforms（待续） - happy dog - 又一个部落格

 





缩放矩阵
Transforms（待续） - happy dog - 又一个部落格
 Transforms（待续） - happy dog - 又一个部落格

旋转矩阵
Transforms（待续） - happy dog - 又一个部落格
 Transforms（待续） - happy dog - 又一个部落格

旋转加移动矩阵
Transforms（待续） - happy dog - 又一个部落格
Transforms（待续） - happy dog - 又一个部落格
 

分享到：
| xcode crash 查找 EXC_BAD_ACCESS 问题根源 ...
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    CGAffineTransform简单的使用

    在iOS和macOS开发中，`CGAffineTransform`是苹果Core Graphics框架中的一个核心部分，用于处理二维几何变换，如平移、旋转、缩放和倾斜。这个知识点涉及到计算机图形学的基础，是移动应用开发中不可忽视的一个环节。...

    iOS CGAffineTransform 实现抽屉动画

    4. **动画完成回调**：在动画块的末尾，可以设置一个`completion`回调函数，根据动画的状态（是否成功完成）更新视图的状态，例如，完全显示或隐藏抽屉。 5. **反向动画**：当抽屉需要关闭时，执行相反的平移动画，...

    CGAffineTransformMake(a,b,c,d,tx,ty) 矩阵运算的原理 - 不积跬步 无以至千里 不积小流 无

    矩阵运算是计算机图形学和图像处理中非常重要的一部分，CGAffineTransformMake(a,b,c,d,tx,ty) 函数是iOS开发中用于创建一个仿射变换矩阵的函数。本文将详细介绍CGAffineTransformMake(a,b,c,d,tx,ty) 函数的原理、...

    SwiftTransforms:给CGAffineTransform和CATransform3D他们应有的爱

    2. 提供了转换函数，方便在2D和3D变换之间进行切换，如`CGAffineTransform.toCATransform3D()`和`CATransform3D.toCGAffineTransform()`。 3. 可能包含一些实用工具，比如计算变换后的矩形尺寸或位置，或者从已知...

    ios-CGAffine基本操作.zip

    这个压缩包文件"ios-CGAffine基本操作.zip"显然包含了关于如何在UI控件上应用CGAffineTransform进行位移形态控制的相关示例或教程。"IOS-CGAffineTransformIdentity"可能是其中的一个文件，通常表示...

    Quartz2D绘图代码（绘制文本）

    CGContextRef为绘制文字提供了如下函数。 CGAffineTransform CGContextGetTextMatrix(CGContextRef c)：获取当前对文本执行变换的变换矩阵。 CGPoint CGContextGetTextPosition(CGContextRef c)：获取该CGContextRef...

    手动截图裁剪图片

    本文将深入探讨这一主题，介绍如何实现这一功能，并涉及相关的技术点。 首先，手动截图功能通常涉及到操作系统级别的API调用。在Windows系统中，可以使用`PrintWindow`函数来捕获窗口的图像；在macOS中，可以利用`...

    详解iOS的Core Animation框架中的CATransform3D图形变换

    有时我们可能需要将CATransform3D转换为CGAffineTransform，这可以使用CGAffineTransformTransform3DGetAffineTransform函数完成。仿射变换只涉及平面内的变换，如缩放、旋转和平移，而不涉及深度信息。 7. 检查...

    指定角度旋转、幸运大转盘、转盘、抽奖

    `transform`属性允许我们对视图进行旋转、缩放、平移等操作，而`CGAffineTransformMakeRotation`函数可以让我们指定一个角度来旋转视图。 例如，如果我们想要一个转盘从当前位置开始匀加速旋转，然后在接近目标角度...

    SwiftCGRectExtensions.zip

    Operators for adding, scaling sizes, applying CGAffineTransform Shortcut properties for corner and center points Offsetting, insetting and extending methods with multiple ways of specifying ...

    集成该Transform类

    Transform类是基于CGAffineTransform结构体的，它允许开发者通过矩阵运算来改变视图的位置、大小和方向。下面将详细阐述Transform类的主要使用方法和应用场景。 1. CGAffineTransform结构体： CGAffineTransform是...

    Animations

    可以使用CGAffineTransform缩放函数，结合CAKeyframeAnimation来平滑地改变大小，同时保持图像质量。 为了实现这一效果，开发者可以编写以下Swift代码： ```swift let button = UIButton() // 设置初始大小 button...

    iphone长按抖动删除

    在这个示例中，`handleLongPress`函数处理长按手势的开始和结束，`startShakeAnimation`函数则负责视图的抖动动画。`removeItem`函数是实际的删除逻辑，但具体实现会因应用场景而异。 总的来说，"iPhone长按抖动...

    ios 图片旋转

    首先，我们需要引入相关的框架。在iOS开发中，主要使用UIKit框架来处理用户界面和图像操作。确保在你的项目中导入`UIKit`： ```swift import UIKit ``` 接下来，我们创建一个UIImageView来展示图片，并添加...

    swift-添加购物车动画

    Swift动画还支持回调函数，例如完成回调或取消回调，以便在动画结束后执行其他操作。此外，通过设置isRemovedOnCompletion和shouldRasterize等属性，可以控制动画结束后的视图状态和性能优化。 总结来说，创建...

    Mac app中图片任意角度的旋转和裁剪

    对于任意角度的旋转，我们可以通过计算旋转角度的弧度值，然后调用`CGAffineTransformMakeRotation`函数创建一个旋转变换。例如，如果我们想要逆时针旋转90度，代码可以这样写： ```swift let rotationAngle = ...

    iOS的Quartz2D技术demo示例

    6. **变换（Transformations）**：Quartz 2D提供矩阵变换功能，如平移、旋转、缩放和倾斜，可以使用`CGAffineTransform`结构体和相关函数进行操作，改变图形的显示效果。 7. **图层（Layers）**：虽然不是Quartz 2D...

    苹果ibook翻页功能源代码

    例如，可以创建两个CALayer，分别代表页面的前后两面，然后通过`CATransform3DMakeRotation`函数设置不同的旋转角度，同时调整阴影属性，以模拟立体翻页的效果。 此外，iBook的翻页功能还可能涉及到手势识别，比如...

    图片向左旋转

    本话题将详细讨论如何实现图片向左旋转的功能，以及相关的编程技术。标题“图片向左旋转”表明我们将聚焦于这个特定的操作，而描述则提示我们这是一个已实现的示例，可以轻松地修改为向右旋转。 在计算机视觉和图像...

    compassIOS7风格指南针

    这可能涉及到对CGAffineTransform的使用，以实现2D旋转效果。 7. 不要忘记在不再需要磁力计数据时，调用`stopMagnetometerUpdates`来停止更新，以节省资源。 此外，为了提高用户体验，开发者可能会考虑以下方面： -...

Magicbox
Global site tag (gtag.js) - Google Analytics