前面我们是对Layer层进行的动画,现在我们对UIView关联的图层进行同样的动画,一样的代码会发现,对UIView关联的图层动画平滑过渡的效果消失了,颜色直接跳变,那也就是说UIKit直接禁止了隐式动画。
先说下隐式动画的实现原理:
1、当使用CALayer的属性时,图层首先检测它是否有委托并实现了CALayerDelegate中的actionForLayer:forKey方法。如果有委托的话,直接调用并返回结果。
2、当没有委托或者没有调用actionForLayer:forKey方法,图层接着检查包含属性名称对应行为映射的actions字典。
43、如果actions字典没有包含这个属性的话,就在style字典中接着搜索。
4、如果还是找不到对应的行为,就调用属性的默认行为-defaultActionForKey方法。
通过以上我们可以知道,actionForKey方法要么返回空,要么返回CALayer协议对应的对象,然后拿这个值和先前的值做比较。很明显在UIView图层找不到对应的方法,所以UIKit就这么禁用了隐式动画,画面出现了跳变现象。
在CALayer图层块中隐式动画如何关闭呢:
[CATransaction setDisableActions:YES];
所以在UIView图层想要实现动画就是要使用UIView的动画函数,或者继承UIView,并覆盖-actionForLayer:forKey:方法,或者直接创建一个显示的动画。
下面对单独的一个图层进行操作,不使用隐式动画,通过给backgroundColor设置一个自定义的action字典,使用CATransaction的实例,来实现推进过度。
- (void)viewDidLoad { [super viewDidLoad]; //create sublayer self.colorLayer = [CALayer layer]; self.colorLayer.frame = CGRectMake(50.0f, 50.0f, 100.0f, 100.0f); self.colorLayer.backgroundColor = [UIColor blueColor].CGColor; //add a custom action CATransition *transition = [CATransition animation]; transition.type = kCATransitionPush; transition.subtype = kCATransitionFromLeft; self.colorLayer.actions = @{@"backgroundColor": transition}; //add it to our view [self.layerView.layer addSublayer:self.colorLayer]; } - (void)changeColor { //randomize the layer background color CGFloat red = arc4random() / (CGFloat)INT_MAX; CGFloat green = arc4random() / (CGFloat)INT_MAX; CGFloat blue = arc4random() / (CGFloat)INT_MAX; self.colorLayer.backgroundColor = [UIColor colorWithRed:red green:green blue:blue alpha:1.0].CGColor]; }
这里用了CATransition的另外两个属性,transition.type和transition.subtype,transition.type是动画的类型,这里为推动过度的,transition.subtype设置了动画推动的起始方向是从左边开始的。运行后会发现新的替换颜色是从左边推进的动画。
代码地址就不放了,还是原来的项目,增加两个属性就行了。