02 CALayer 常用属性详解

创建一个最简单的动画，然后作用到CALayer上面

1、先添加一个Layer

// 创建一个基本的CALayer,然后添加一个动画

    CALayer *layer = [[CALayer alloc]init];

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

    layer.backgroundColor = [[UIColor yellowColor] CGColor];

    _layer = layer;

    [self.view.layer addSublayer:layer];

 

2、创建一个动画，然后添加到layer 上面

// 创建一个基本的动画

    CABasicAnimation *animation = [CABasicAnimation animation];

    // 通过kvc设置动画的路径position指的是位置，position.y指的是y的位置

    animation.keyPath = @"position.y";

    //设置移动的距离

    animation.toValue = @400;

    // 设置动画时长

    animation.duration = 1;

    

    // 把动画添加到layer上面。

    [_layer addAnimation:animation forKey:nil];

以上动画会存在一个问题，就是黄色的layer执行完动画之后，会马上弹回原来的位置，这是什么原因？？？

这里涉及到动画的几个图层的知识了，其实每一个layer都有两个图层，分别是原始图层和Presention图层，当动画开始的时候，原始图层就会隐藏，Presention图层进行移动，移动完成后，Presention图层消失，原始图层显示，所以就出现了上面视频的情况：layer执行完动画之后，会恢复成原来的状态。

 

如果想动画执行完之后，图层不恢复成原来的状态，则需要设置两个属性

animation.removedOnCompletion = NO;

animation.fillMode = kCAFillModeForwards;

 

1、kCAFillModeRemoved：默认，动画执行完毕之后恢复原始状态

2、kCAFillModeBoth：kCAFillModeForwards和kCAFillModeBackForwards的集合

3、kCAFillModeBackForwards 在动画开始前，只要将动画加入一个layer，layer便立即进入动画的初始状态并等待动画开始

4、kCAFillModeForwards 当动画结束后,layer会一直保持着动画最后的状态

 

所以完整的动画代码应该是：

    // 创建一个基本的动画

    CABasicAnimation *animation = [CABasicAnimation animation];

    // 通过kvc设置动画的路径position指的是位置，position.y指的是y的位置

    animation.keyPath = @"position.y";

    //设置移动的距离

    animation.toValue = @400;

    // 设置动画时长

    animation.duration = 1;

    animation.removedOnCompletion = NO;

    animation.fillMode = kCAFillModeForwards;

    // 把动画添加到layer上面。

    [_layer addAnimation:animation forKey:nil];

3、隐式动画

修改背景颜色添加动画

_layer.backgroundColor = [[UIColor redColor] CGColor];其实是有一个自带的颜色渐变的过程的，这就是系统的隐式动画，默认时间是0.25秒，如果想让时间变得长一点，就可以去修改系统的隐式动画

例如

- (void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event {

    //_layer.backgroundColor = [[UIColor redColor] CGColor];其实是有一个自带的颜色渐变的过程的，这就是系统的隐式动画，如果想让时间变得长一点，就可以去修改系统的隐式动画

    // 修改系统隐式动画时间

    [CATransaction begin];

    [CATransaction setAnimationDuration:2.0];

    _layer.backgroundColor = [[UIColor redColor] CGColor];

    [CATransaction commit];

}

 

4、layer 的contents 属性

layer 的contents 属性属于ID类型，可以存放任何对象，包括UIImage，那么可以做什么？例如设置背景图片，就可以直接在view.layer添加，而不用添加一个UIImageView

self.view.layer.contents = (__bridge id)[UIImage imageNamed:@"Icon-60.png"].CGImage;