ios开发图层layer与核心动画二：CATransform3D，CAlayear和UIView区别，layer的position和anchorpoint

一：CATransform3D

#import "ViewController.h"

@interface ViewController ()
@property (weak, nonatomic) IBOutlet UIImageView *imageV;

@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
}

/**
* 1:要想产生3D动画，则必须操作layear图层，self.imageV.layer.transform = CATransform3DMakeRotation(M_PI, 1, 1, 0);其中M_PI为180度，后面三个参数xyz轴，z轴指向自己，其中绕着哪个轴旋转传参数1就可以了，其余两个轴上的点坐标为0，如上，就会绕着空间（1，1）点的向量旋转。
2：KVC：1：kvc的作用就是给某个对象的属性赋值，下划线的成员变量也可以，属性的属性也可以，就用setValue forKeyPath，也可以将对象取出来，valueForkeyPath 2：通过kvc也可以快速做旋转，平移，缩放：
[self.imageV.layer setValue:@(100) forKeyPath:@"transform.translation.x"];

3：transform等结构体变量，封装为对象就用NSValue，  NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, 1, 0)];
*
*/
-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {

//3D效果
[UIView animateWithDuration:0.5 animations:^{

//self.imageV.layer.transform = CATransform3DMakeRotation(M_PI, 1, 1, 0);

//把结构体转成对象
NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, 1, 0)];

//通过KVC一般是做快速旋转,平移,缩放
[self.imageV.layer setValue:@(100) forKeyPath:@"transform.translation.x"];

}];

}

@end

坐标系如图

：


layer的 CATransform3D属性.

只有旋转的时候才可以看出3D的效果.

旋转

x,y,z 分别代表x,y,z轴.

CATransform3DMakeRotation(M_PI, 1, 0, 0);

平移

CATransform3DMakeTranslation(x,y,z)

缩放

CATransform3DMakeScale(x,y,z);

可以通过KVC的方式进行设置属性.

但是CATransform3DMakeRotation它的值,是一个结构体, 所以要把结构转成对象.

NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, 0, 0)];

[_imageView.layer setValue:value forKeyPath:@"transform.scale"];

什么时候用KVC?

当需要做一些快速缩放,平移,二维的旋转时用KVC.

比如: [_imageView.layer setValue:@0.5 forKeyPath:@"transform.scale"];

快速的进行缩放.

后面forKeyPath属性值不是乱写的.苹果文档当中给了相关的属性.

二：CALayear 和UIView的区别：

#import "ViewController.h"

@interface ViewController ()

@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

//1:自定义layaer，对象方法alloc 或是类方法，color要转换为CGColor，image要转化为CGImage
CALayer *layer = [CALayer layer];
layer.backgroundColor = [UIColor redColor].CGColor;
layer.frame = CGRectMake(50, 50, 100, 100);
[self.view.layer addSublayer:layer];

//2:在图层上添加图片
/**
* 图层上添加图片：图层layear的contents是固定放图片的，所以，往图层上添加图片要添加在layear的contents上，并且要转换为CGImage
*
*/
layer.contents = (id)[UIImage imageNamed:@"阿狸头像"].CGImage;

}

@end

1.如何自定义Layer.

自定义CALayer的方式创建UIView的方式非常相似.

CALayer *layer = [CALayer layer];

layer.frame = CGRectMake(50, 50, 100, 100);

layer.backgroundColor = [UIColor redColor].CGColor;

[self.view.layer addSublayer:layer];

给layer设置图片.

layer.contents = (id)[UIImage imageNamed:@"阿狸头像"].CGImage;

2.关于CALayer的疑惑?

为什么要使用CGImageRef、CGColorRef?

为了保证可移植性，QuartzCore不能使用UIImage、UIColor，只能使用CGImageRef、CGColorRef

UIView和CALayer都能够显示东西,该怎样选择?

对比CALayer，UIView多了一个事件处理的功能。也就是说，CALayer不能处理用户的触摸事件，而UIView可以

如果显示出来的东西需要跟用户进行交互的话，用UIView；

如果不需要跟用户进行交互，用UIView或者CALayer都可以

CALayer的性能会高一些，因为它少了事件处理的功能，更加轻量级

三：CALayear的两个重要属性：position 和 anchorPoint

#import "ViewController.h"

@interface ViewController ()

@property (weak, nonatomic) IBOutlet UIView *orangeView;

/** <#注释#> */
@property (nonatomic, weak) CALayer *layer;
@end

@implementation ViewController

- (void)viewDidLoad {
[super viewDidLoad];

//    CALayer *layer = [CALayer layer];
//    layer.frame = CGRectMake(200, 200, 100, 100);
//    layer.backgroundColor = [UIColor redColor].CGColor;
//
//    self.layer = layer;
//    [self.view.layer addSublayer:layer];

//UIView的center,就是它内部layer的position.
NSLog(@"center = %@",NSStringFromCGPoint(self.orangeView.center));
NSLog(@"position = %@",NSStringFromCGPoint(self.orangeView.layer.position));

}

-(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {
// self.layer.position = CGPointMake(200, 200);

NSLog(@"center = %@",NSStringFromCGPoint(self.orangeView.center));
NSLog(@"position = %@",NSStringFromCGPoint(self.orangeView.layer.position));

self.orangeView.layer.anchorPoint = CGPointMake(0.5, 0);

}

记住两个重要的结论：1：UIView的center,就是它内部layer的position.UIView的center 和 图层layear的potison是一样的，修改任意一个，另一个都会同样改变（前提是anchorPoint点是默认的0.5 ，0.5） 2：先定义好图层layear的position，在定义好锚点anchorPoint，然后锚点就会平移到position点，两点重合。

position和anchorPoint是CAlayer的两个属性.

我们以前修改一个控件的位置都是能过Frame的方式进行修改.

现在利用CALayer的position和anchorPoint属性也能够修改控件的位置.

这两个属性是配合使用的.

position:它是用来设置当前的layer在父控件当中的位置的.

所以它的坐标原点.以父控件的左上角为(0.0)点.

anchorPoint:它是决点CALayer身上哪一个点会在position属性所指的位置

anchorPoint它是以当前的layer左上角为原点(0.0)

它的取值范围是0~1,它的默认在中间也就是(0.5,0.5)的位置.

anchorPoint又称锚点.就是把锚点定到position所指的位置.

两者结合使用.想要修改某个控件的位置,我们可以设置它的position点.

设置完毕后.layer身上的anchorPoint会自动定到position所在的位置.