03 CALayer 仿射变化的原理以及常用的三个方法

矩阵的几何意义

代表的就是一个正方形

对上面图形做一个旋转,得到新的图形

由上图新的图形不仅仅是放大缩小,还发生了角度的变化

CALayer 仿射变换最常用的三个方法

1、旋转

函数CATransform3DMakeRotation

-(void)rotationAnimation {
    /**
     * @ param angle 旋转的度数
     * @ param x = 1 围绕x轴旋转
     * @ param y = 1 围绕y轴旋转
     * @ param z = 1 围绕z轴旋转
     */
    CATransform3D myTransform;
    myTransform = CATransform3DMakeRotation(M_PI_4, 1.0, 1.0, 0.0);
    _layer.transform = myTransform;
}

1-1、带有立体效果的旋转(透视视图)

函数CATransform3DRotate

 -(void)rotationAnimation {
    /**
     * @ param angle 旋转的度数
     * @ param x = 1 围绕x轴旋转
     * @ param y = 1 围绕y轴旋转
     * @ param z = 1 围绕z轴旋转
     */
    CATransform3D myTransform;
    
    // 但是这个方法没有透视效果也就是没有立体效果,换一种方法
//    myTransform = CATransform3DMakeRotation(M_PI_4, 0, 1.0, 0.0);
    
    myTransform = CATransform3DIdentity;
    myTransform.m34 = -1.0/500.0;
    myTransform = CATransform3DRotate(myTransform, M_PI_4, 0, 1.0, 0);
    
    _layer.transform = myTransform;
}

效果图:

2、缩放

函数CATransform3DMakeScale

-(void)scaleAnimation {
    /**
     * @ param angle 旋转的度数
     * @ param x = 1 围绕x轴缩放
     * @ param y = 1 围绕y轴缩放
     * @ param z = 1 围绕z轴缩放
     */
    CATransform3D myTransform;
    myTransform = CATransform3DMakeScale(0.8, 1, 0.5);
    _layer.transform = myTransform;
}

3、平移

函数CATransform3DMakeTranslation

-(void)translationAnimation {
    /**
     * @ param angle 旋转的度数
     * @ param x = 1 绕x轴平移的距离
     * @ param y = 1 绕y轴平移的距离
     * @ param z = 1 绕z轴平移的距离
     */
    CATransform3D myTransform;
    myTransform = CATransform3DMakeTranslation(20, 30, 5);
    _layer.transform = myTransform;
}
发布了79 篇原创文章 · 获赞 42 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/s12117719679/article/details/89219209