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的集合

扫描二维码关注公众号,回复: 10125244 查看本文章

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;

发布了79 篇原创文章 · 获赞 42 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/s12117719679/article/details/89216934