创建一个最简单的动画,然后作用到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;