学习地址:https://github.com/AttackOnDobby/iOS-Core-Animation-Advanced-Techniques
学习CoreAnimation 的第一步是学习CALayer,因为对一个VIew添加CoreAnimation动画,本质上是对view.lay进行动画操作.
注意:动画并不需要你在Core Animation中手动打开,相反需要明确地关闭,否则他会一直存在。
隐式动画#
所谓的隐式动画。之所以叫隐式是因为我们并没有指定任何动画的类型。我们仅仅改变了一个属性,然后Core Animation来决定如何并且何时去做动画。
本质:Core Animation在每个run loop周期中自动开始一次新的事务(run loop是iOS负责收集用户输入,处理定时器或者网络事件并且重新绘制屏幕的东西),即使你不显式的用[CATransaction begin]
开始一次事务,任何在一次run loop循环中属性的改变都会被集中起来,然后做一次0.25秒的动画。
<code><pre>
@interface ViewController ()
@property (nonatomic, weak) IBOutlet UIView *layerView;
@property (nonatomic, weak) IBOutlet CALayer *colorLayer;
@end
@implementation ViewController
- (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 it to our view
[self.layerView.layer addSublayer:self.colorLayer];
}
- (IBAction)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;
}
@end
</code></pre>
一:学习第一个类:CATransaction类
(transaction 英 træn'zækʃ(ə)n)有事务的意思
事务 实际上是Core Animatino 用来包含一系列属性动画集合的机制.任何用指定 事务 去改变可以做动画的图层属性都不会立刻发生变化,而是当事务一旦 提交 的时候开始用一个动画过渡到新值。
上面的代码创建的隐式动画就是非事务的动画.
注意:CATransaction类不能用allloc 和init的方式创建,但是可以通过 +begin 和 +commit 分别来入栈和出栈.
<code><pre>
- (IBAction)changeColor{
//begin a new transaction
[CATransaction begin];
//set the animation duration to 1 second
[CATransaction setAnimationDuration:1.0];
//add the spin animation on completion
[CATransaction setCompletionBlock:^{
//rotate the layer 90 degrees
CGAffineTransform transform = self.colorLayer.affineTransform; transform = CGAffineTransformRotate(transform, M_PI_2);
self.colorLayer.affineTransform = transform;
}];
//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; //commit the transaction [CATransaction commit];
}
</code></pre>
注意旋转动画要比颜色渐变快得多,这是因为完成块是在颜色渐变的事务提交并出栈之后才被执行,于是,用默认的事务做变换,默认的时间也就变成了0.25秒。
解释:这里可以理解为两个事务,一个是改变颜色,我们设定的动画时间是1.0秒,第二个事务就是在颜色渐变的事务提交以后,执行的默认事务时间. 是上面提到的runloop循环处理的默认时间 0.25秒.
二:UIView图层上的CALayer动画
说明:之前的动画都做在独立的CALayer 添加到UIView上的.这里的CALayer 是和UIView关联的CALayer 通过self.view.layer 获取的.
UIView 上的CALayer ,UIView 都会默认成为CALayer 的CALayerDelegate代理对象.
默认实现了
-(id<CAAction>)actionForLayer:(CALayer *)layer forKey:(NSString *)event{
return nil;
}
禁止了隐式动画.这里可以理解下
当你改变CALayer的一个可做动画的属性,它并不能立刻在屏幕上体现出来。相反,它是从先前的值平滑过渡到新的值。这一切都是默认的行为,你不需要做额外的操作。
我们在修改UIView中layer属性的时候,其实是默认有动画的,只是UIView通过实现上面的图层代理给禁掉了.
当然返回nil并不是禁用隐式动画唯一的办法,CATransaction有个方法叫做+setDisableActions:,可以用来对所有属性打开或者关闭隐式动画。如果在清单7.2的 [CATransaction begin] 之后添加下面的代码,同样也会阻止动画的发生:
[CATransaction setDisableActions:YES];
最重要的总结一下,我们知道了如下几点
- UIView关联的图层禁用了隐式动画,对这种图层做动画的唯一办法就是使用UIView的动画函数(而不是依赖CATransaction),或者继承UIView,并覆盖-actionForLayer:forKey:方法,或者直接创建一个显式动画
- 对于单独存在的图层,我们可以通过实现图层的-actionForLayer:forKey:委托方法,或者提供一个actions字典来控制隐式动画。
备注: 单独图层的动画,改变
<code><pre>
@interface ViewController ()
@property (nonatomic, weak) IBOutlet UIView *layerView;
@property (nonatomic, strong) CALayer *colorLayer;
@end
@implementation ViewController
- (void)viewDidLoad {
[super viewDidLoad];
// Do any additional setup after loading the view, typically from a nib.
self.colorLayer = [CALayer layer];
self.colorLayer.frame = CGRectMake(50.0f, 50.0f,200.0f, 100.0f);
self.colorLayer.backgroundColor = [UIColor blueColor].CGColor;
//add a custom action
CATransition *transition = [CATransition animation];
transition.type = kCATransitionPush;
transition.subtype = kCATransitionFromLeft;
///这里对actions赋值一个自定对应上面总结的第二点就好理解了,对独立的图层的背景颜色添加动画,
//当颜色改变的时候,颜色改变时,设置的动画
self.colorLayer.actions = @{@"backgroundColor": transition};
//add it to our view
[self.layerView.layer addSublayer:self.colorLayer];
}
- (IBAction)action:(id)sender {
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;
//commit the transaction
[CATransaction commit];
}
</code></pre>
呈现模型
暂时还无法理解,先搁下
[self.colorLayer.presentationLayer hitTest:point]
未完待续......