CoreAnimation手记(一)

学习地址: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秒的动画。


@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

一:学习第一个类:CATransaction类

(transaction 英 træn'zækʃ(ə)n)有事务的意思
事务 实际上是Core Animatino 用来包含一系列属性动画集合的机制.任何用指定 事务 去改变可以做动画的图层属性都不会立刻发生变化,而是当事务一旦 提交 的时候开始用一个动画过渡到新值。

上面的代码创建的隐式动画就是非事务的动画.

注意:CATransaction类不能用allloc 和init的方式创建,但是可以通过 +begin 和 +commit 分别来入栈和出栈.


- (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];
}

注意旋转动画要比颜色渐变快得多,这是因为完成块是在颜色渐变的事务提交并出栈之后才被执行,于是,用默认的事务做变换,默认的时间也就变成了0.25秒。

解释:这里可以理解为两个事务,一个是改变颜色,我们设定的动画时间是1.0秒,第二个事务就是在颜色渐变的事务提交以后,执行的默认事务时间. 是上面提到的runloop循环处理的默认时间 0.25秒.

二:UIView图层上的CALayer动画

说明:之前的动画都做在独立的CALayer 添加到UIView上的.这里的CALayer 是和UIView关联的CALayer 通过self.view.layer 获取的.

UIView 上的CALayer ,UIView 都会默认成为CALayer 的CALayerDelegate代理对象.
默认实现了

-(id)actionForLayer:(CALayer *)layer forKey:(NSString *)event{

 return nil;
}

禁止了隐式动画.这里可以理解下

当你改变CALayer的一个可做动画的属性,它并不能立刻在屏幕上体现出来。相反,它是从先前的值平滑过渡到新的值。这一切都是默认的行为,你不需要做额外的操作。

我们在修改UIView中layer属性的时候,其实是默认有动画的,只是UIView通过实现上面的图层代理给禁掉了.

当然返回nil并不是禁用隐式动画唯一的办法,CATransaction有个方法叫做+setDisableActions:,可以用来对所有属性打开或者关闭隐式动画。如果在清单7.2的 [CATransaction begin] 之后添加下面的代码,同样也会阻止动画的发生:

[CATransaction setDisableActions:YES];

最重要的总结一下,我们知道了如下几点

  1. UIView关联的图层禁用了隐式动画,对这种图层做动画的唯一办法就是使用UIView的动画函数(而不是依赖CATransaction),或者继承UIView,并覆盖-actionForLayer:forKey:方法,或者直接创建一个显式动画
  1. 对于单独存在的图层,我们可以通过实现图层的-actionForLayer:forKey:委托方法,或者提供一个actions字典来控制隐式动画。

备注: 单独图层的动画,改变


@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];

}

呈现模型

暂时还无法理解,先搁下

[self.colorLayer.presentationLayer hitTest:point]

未完待续......

你可能感兴趣的:(CoreAnimation手记(一))