CALayer了解

不经常写东西想到什么写什么，诸多不足之处多见谅

CALayer

在iOS中，你能看得见的东西基本都是UIview，比如按钮、文本标签、图标等等。其实UIView之所以能显示在屏幕上，完全是应为他内部的一个图层（CALayer）,通过UIView的layer属性可以访问这个图层。
当UIView需要显示到屏幕上是，会调用drawRect方法进行绘图，并且会将所有内容绘制在自己的图层上，绘图完毕后，系统将图层拷贝到屏幕上，于是就完成了UIView的显示。换句话说UIView本身不具备显示的功能，是它内部的层才有显示功能

CALayer基本使用

通过操作CALyaer对象，可以很方便的调整UIView的一些外观属性比如：

• 阴影
• 圆角
• 边框宽度颜色等等

UIView *view=[[UIView alloc]initWithFrame:CGRectMake(10, 40, 40, 40)];
    view.backgroundColor = [UIColor greenColor];
    [self.view addSubview:view];
    //设置阴影颜色
    view.layer.shadowColor = [UIColor blueColor].CGColor;
//    设置阴影 x y方向的偏移量
    view.layer.shadowOffset = CGSizeMake(10, 10);
//    设置阴影透明 默认透明
    view.layer.shadowOpacity=1;
//    设置阴影模糊半径
    view.layer.shadowRadius = 5;

UIImageView设置圆角不起作用，是因为UIimageView的image不是直接添加到layer上而是添加到Layer中的contents属性里面，所以没有效果，如果想有效果使用layer的maskToBounds为YES

CATransform3D

使用CATransform3D可对layer实现3d效果.

[UIView animateWithDuration:0.5 animations:^{
            self.subView.layer.transform = CATransform3DMakeRotation(M_PI, 1, 1, 1);
        
    }completion:^(BOOL finished) {
        
    }];
或
[UIView animateWithDuration:0.5 animations:^{
            
        NSValue *value = [NSValue valueWithCATransform3D:CATransform3DMakeRotation(M_PI, 1, 1, 0)];
        [self.subView.layer setValue:value forKey:@"transform"];
        
    }completion:^(BOOL finished) {
        
    }];

一般通过KVC设置layer的CATransform3D是做快速旋转,平移、缩放

[self.subView.layer setValue:@(M_PI) forKeyPath:@"transform.rotation"];
[self.subView.layer setValue:@(0.5) forKeyPath:@"transform.Scale"];
[self.subView.layer setValue:@(100) forKeyPath:@"transform.translation.x"];

CATransform3d key paths

UIView和CALayer的选择

首先

• CALayer是定义在QuartzCore框架中
• CGImageRef、CGColorRef两种数据是定义在CoreGraphics框架中
• UIColor、UIImage是定义在UIKit框架中的
  其次
• QuartzCore和CoreGraphics框架是可以跨平台使用的，在iOS和Mac OS X上都能使用
• 但UIKit只能在iOS中使用
• 为了保证可移植性，QuartzCore不能使用UIImage、UIColor只能使用CGImageRef、CGColorRef

通过CALayer就能做出UIImageView一样的界面效果，既然如此究竟选谁好呢？
其实对比CALayer和UIView，UIView多了一个事件处理功能。也就是说，CALayer不能处理用户触摸事件，而UIView可以。
所以，如果显示出来的东西需要跟用户进行交互的话，用UIView；如果不需要跟用户交互，两者都可以。当然，CALayer的性能可能高一些，因为它少了事件处理的功能，更加轻量级。

position和anchorPoint

position和anchorPoint是CALayer中2个非常重要的属性

• position 用来设置CALayer在父层中的位置，以父层的左上角为原点(0,0)
  anchorPoint
• 称为“定位点”、“锚点”
• 决定CALayer身上的哪个点会在postion属性所指的位置
• 以自己左上角为原点(0,0)
• 它的x、y取值范围都是0~1，默认值为(0.5,0.5)

 CALayer *layer = [CALayer layer];
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.anchorPoint=CGPointMake(0.5, 0.5);
    layer.position = CGPointMake(100, 100);
    [self.view.layer addSublayer:layer];

CALayer *layer = [CALayer layer];
    layer.bounds = CGRectMake(0, 0, 100, 100);
    layer.backgroundColor = [UIColor redColor].CGColor;
    layer.anchorPoint=CGPointMake(0, 0);
    layer.position = CGPointMake(50, 50);
    [self.view.layer addSublayer:layer];

上述示例表面修改anchorPoint,position的值红色方块同一位置

UIView的center就是内部layer的position

隐式动画

• 每一个UIView内部默认关联着一个CALayer，我们称这个为root layer
• 所有非root layer，也就是手动创建的CALayer对象，都存在隐式动画

什么是隐式动画
但对非root layer的属性进行修改时，系统默认自动产生一些动画效果称为隐式动画，而这些属性称为Animatable Properties（可动画属性）

• 可以通过动画实物(CATransaction)关闭默认的隐式动画效果

[CATransaction begin];
    [CATransaction setDisableActions:YES];
    self.myview.layer.position = CGPointMake(10, 10);
    [CATransaction commit];

对layer使用旋转动画时，转动方向会有不确定性，是顺时针还是逆时针旋转，会判断起点到终端路径判断，那边距离最短往哪个方向旋转

旋转和缩放都是绕着anchorPoint的。clockDome使用这些知识点简单实现了一个时钟实例