• CGAffineTransform 放射变换


    矩阵乘法

    A B相乘要A的列数等于B的行数才有定义,结果是一个 AB列的矩阵CC的每个元素值为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对应的translationscale、rotation置为初始值。

     

    参考:

    http://stackoverflow.com/questions/2690337/get-just-the-scaling-transformation-out-of-cgaffinetransform
    http://www.informit.com/articles/article.aspx?p=1951182

  • 相关阅读:
    开源协议
    开发新技能
    UML 思维导图 思维脑图 xmind
    小方法
    Android Service
    JS 下载图片
    quartz任务执行完之后再执行下一轮任务
    easyui 下边有滚动条问题
    微信支付证书 系统找不到指定的文件
    Swiper 动态加载数据没有变化问题
  • 原文地址:https://www.cnblogs.com/v2m_/p/3070187.html
Copyright © 2020-2023  润新知