关于CATransform3D矩阵变换的简单解析

关于CATransform3D矩阵变换的简单解析

效果图:

我能能够用上的CATransform3D其实很简单,并不复杂.

CATransform3D有着4种东西我们可以设置.

1. 透视效果(由m34的值决定)

2. 位移变换(主要是x,y方向)

3. 缩放变换

4. 空间旋转

源码:

//
//  RootViewController.m
//
//  Copyright (c) 2014年 Y.X. All rights reserved.
//

#import "RootViewController.h"
#import "CATransform3DOperation.h"
#import "YXGCD.h"

@interface RootViewController ()

@property (nonatomic, strong) GCDTimer *timer;

@end

// 将角度转换为弧度
#define DEGREES_TO_RADIANS(d)  ((d) * M_PI / 180.f)

@implementation RootViewController

- (void)viewDidLoad
{
    [super viewDidLoad];
    self.view.backgroundColor = [UIColor blackColor];

    // 给Layer一个图片内容
    UIImage *image = [UIImage imageNamed:@""];
    CALayer *layer = [CALayer layer];
    layer.frame = CGRectMake(, , image.size.width, image.size.height);
    layer.position = self.view.center;
    layer.borderWidth = .f;
    layer.borderColor = [UIColor redColor].CGColor;
    layer.contents = (__bridge id)image.CGImage;
    [self.view.layer addSublayer:layer];

    // 6s后执行操作
    [[GCDQueue mainQueue] execute:^{

        // 初始化3D变换,获取默认值
        CATransform3D perspectiveTransform = CATransform3DIdentity;

        // 透视
        perspectiveTransform.m34 = -1.0/500.0;

        // 位移
        perspectiveTransform = CATransform3DTranslate(perspectiveTransform, , -, );

        // 空间旋转
        perspectiveTransform = CATransform3DRotate(perspectiveTransform,
                                                   DEGREES_TO_RADIANS(), ., , -0.5);

        // 缩放变换
        perspectiveTransform = CATransform3DScale(perspectiveTransform, 0.75, 0.75, 0.75);

        layer.transform = perspectiveTransform;
        layer.speed = 0.5;

    } afterDelay:NSEC_PER_SEC * ];

    // 9s后执行操作
    [[GCDQueue mainQueue] execute:^{

        // 初始化3D变换,获取默认值
        CATransform3D perspectiveTransform = CATransform3DIdentity;

        layer.transform = perspectiveTransform;
        layer.speed = 0.5;

    } afterDelay:NSEC_PER_SEC * ];
}

@end

核心代码:

http://stackoverflow.com/questions/3881446/meaning-of-m34-of-catransform3d