IOS 之 CALayer详解

CALayer 是视图中真正绘图的一层。UIview主要是接受用户的交互。

每一个UIView 中 都包含CALayer 。

但是如果想对CALayer进行深层次的开发的话还的引入 

QuartzCore  框架 该框架是跨平台的，比如在开发mac osx 平台下开发，也是有该框架的。
也就是说在max osx 开发的软件也是有层CALayer 的概念的。
设置圆角

UIView * v = [[UIView alloc] init];
v.frame = CGRectMake(0, 0, 50, 50);
v.backgroundColor = [UIColor grayColor];
v.center =self.view.center;
[self.view addSubview:v];
//设置圆角
v.layer.cornerRadius = 25;

设置边框

//设置边框
v.layer.borderColor = [UIColor whiteColor].CGColor;
v.layer.borderWidth = 3.f;

设置阴影

//设置阴影  必须设置的三个属性
v.layer.shadowColor = [UIColor redColor].CGColor;
v.layer.shadowOffset = CGSizeMake(0, 10);
v.layer.shadowOpacity = 1.0f;

如果是在 UIImageView 中 设置图片  那么必须注意

UIImageView * imageview = [[UIImageView alloc] init];
imageview.frame = CGRectMake(0, 0, 50, 50);
imageview.backgroundColor = [UIColor grayColor];
imageview.center =self.view.center;
[self.view addSubview:imageview];
UIImage * image = [UIImage imageNamed:@"head.png"];
imageview.image = image;
imageview.layer.cornerRadius = 25;
//需要设置该属性 如果有图片
imageview.layer.masksToBounds = YES;

设置CALayer的行为方式

//平移属性
[imageview.layer setTransform:CATransform3DMakeTranslation(0, -100, 0)];
//缩放属性
[imageview.layer setTransform:CATransform3DMakeScale(1.0, 1.0, 1.0f)];
//旋转属性  M_PI_2 90° M_PI_4 45°  M_PI 360°  x , y ,z 轴 一般 改哪个给哪个值为1
[imageview.layer setTransform:CATransform3DMakeRotation(M_PI_4, 1, 0, 0)];

复习 KVC 换一种方式 

//通过KVC
[imageview.layer setValue:@100 forKeyPath:@"transform.translation.x"];
[imageview.layer setValue:@0.5 forKeyPath:@"transform.scale"];
[imageview.layer setValue:@M_PI_2 forKeyPath:@"transform.rotation.z"];

为什么是CGColor ？
因为MAC 开发平台下 没有 UIKIT框架  （UIColor 属于该框架下） 所以需要一个中介 来 使两个平台都可以使用也就是CGColor 中介
CATransForm3D 动画的使用    形变的方式有平移（translation）/缩放(scale) /旋转(rotation)

利用键值路径的去控制 使用方式 

transform.translation.x  transform.translation.y transform.translation.z
  平移

transform.scale.x
 transform.scale.y transform.scale.z
  修改缩放

transform.rotation.x  transform.rotation.y transform.rotation.z
   旋转

使用场景

    CAKeyframeAnimation *anim = [CAKeyframeAnimation animationWithKeyPath:@"transform.rotation"];