iOS Core Animation Advanced Techniques学习笔记(4)

隐式动画

在Core Animation中,屏幕上的任何东西都可以做动画,并且默认动画就是打开的。例如当改变CALayer的一个可做动画属性时,它并不是立即在屏幕上提现出来,而是从先前的值平滑地过渡到新的值,这就是隐式动画

事务

在Core Animation中,动画执行的时间取决于当前事务的设置,动画类型取决于图层行为。

事务是Core Animation用来封装一系列属性动画集合的机制,任何用指定事务去改变可以做动画的图层属性都不会立刻发生变化,而是当事务提交的时候开始用一个动画过渡到新值。

事务是通过CATransaction类来管理的,这个类没有属性或实例方法,也不能通过+alloc-init方法来创建。但是CATransaction可以通过类方法+begin+commit将一个新的事务入栈或出栈当前的事务。

CALayer的任何一个可动画属性的值发生改变,都会添加到栈中顶层的事务当中。可以通过下列方法设置和获取当前事务动画的执行时间。

// 设置
+ (void)setAnimationDuration:(CFTimeInterval)dur;

// 获取
+ (CFTimeInterval)animationDuration;

在UIView的基于block的动画方法:+animateWithDuration:animations:中,CATransaction的+begin+commit方法在+animateWithDuration:animations:内部自动调用,这样block中所有属性的改变都会被事务所包含。

完成块

基于UIView的block的动画允许在动画结束的时候提供一个完成的动作。CATranscation接口提供的+setCompletionBlock:方法也有同样的功能。

下面是在颜色变化动画完成后添加一个旋转90度的动画的示例代码:

- (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秒。

图层行为

当我们修改UIView关联的图层的可动画属性时会发现,隐式动画并没有生效,这是由于UIKit禁用掉了图层的隐式动画。为了弄明白UIView是如何做到这一点的,首先我们需要知道隐式动画是如何实现的:

我们把属性被修改时CALayer自动应用的动画称作行为。当CALayer的属性被修改时,它会调用- (id<CAAction>)actionForKey:(NSString *)event,传递属性的名称作为参数来获取对应的行为。在这个方法中会执行如下几个步骤:

  1. 首先检测CAlayer是否有delegate,并且是否实现了CALayerDelegate协议中的- (id<CAAction>)actionForLayer:(CALayer *)layer forKey:(NSString *)event。如果实现了,则直接调用这个方法得到行为。
  2. 如果CALayer没有delegate或者其delegate没有实现上述方法,则在CALayer的NSDictonary类型的actions中查找是否有该属性名称对应因为的映射。
  3. 如果actions中没有该属性名称对应行为的映射,那么接着在style属性中查找是否有行为同该属性名称匹配。
  4. 如果style中也没有,则会调用+(id<CAAction>)defaultActionForKey:(NSString *)event;方法来获取属性预定义的标准行为。

在执行完-actionForKey:方法后,要么会返回nil(此时在属性值改变时将不会有动画),要么就返回一个符合CAAction协议的对象(此时在属性值改变时就会有动画效果)。

这就解释了UIKit是如何禁用隐式动画的:每个UIView对它关联的图层都扮演了一个委托,并且提供了-actionForLayer:forKey的实现方法。当更改UIView对象对应图层的属性的动作不是在一个UIView动画block中实现,UIView对所有图层行为返回nil,但是如果在动画block范围之内,它就返回了一个非空值。

除了可以在CALayer的代理方法-actionForLayer:forKey中返回nil来禁用隐式动画之外,还可以通过CATransacition的类方法+setDisableActions:来对所有属性启用或禁用隐式动画。

总结:

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

colorLayer设置一个自定义actions字典代码片段:

//add a custom action
CATransition *transition = [CATransition animation];
transition.type = kCATransitionPush;
transition.subtype = kCATransitionFromLeft;
self.colorLayer.actions = @{@"backgroundColor": transition};

呈现与模型

当一个图层的属性发生改变时,属性值确实立刻更新了,但是屏幕上并没有马上发生改变。这是因为新设置的属性值并没有直接调整图层的外观,相反,它只是定义了图层动画结束之后将要呈现的外观。

在CAlayer中,除了属性的值外,还有一个记录在隐式动画过程中显示在屏幕上属性的值,这个显示值被存储在一个叫做呈现图层的独立图层中。呈现图层实际上是模型图层的复制,但是它的属性值代表了在任何指定时刻当前外观效果。所以,与图层树相对应的,还存在着一个呈现树。

获取图层的呈现图层:

self.colorLayer.presentationLayer;

获取呈现图层对应的模型图层:

self.colorLayer.presentationLayer.modelLayer;

在大多数情况下,都不需要我们直接访问呈现图层,但是,两种情况下呈现图层会变得很有用,一个是同步动画,一个是处理用户交互。

使用presentationLayer图层来判断当前图层位置的示例代码:

@interface ViewController ()

@property (nonatomic, strong) CALayer *colorLayer;

@end

@implementation ViewController

- (void)viewDidLoad
{
    [super viewDidLoad];

    //create a red layer
    self.colorLayer = [CALayer layer];
    self.colorLayer.frame = CGRectMake(0, 0, 100, 100);
    self.colorLayer.position = CGPointMake(
                                            self.view.bounds.size.width / 2,
                                            self.view.bounds.size.height / 2
                                            );
    self.colorLayer.backgroundColor = [UIColor redColor].CGColor;
    [self.view.layer addSublayer:self.colorLayer];
}

- (void)touchesBegan:(NSSet *)touches withEvent:(UIEvent *)event
{
    //get the touch point
    CGPoint point = [[touches anyObject] locationInView:self.view];
    
    //check if we've tapped the moving layer
    if ([self.colorLayer.presentationLayer hitTest:point]) {
        //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;
    } else {
        //otherwise (slowly) move the layer to new position
        [CATransaction begin];
        [CATransaction setAnimationDuration:4.0];
        self.colorLayer.position = point;
        [CATransaction commit];
    }
}

@end
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 195,898评论 5 462
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 82,401评论 2 373
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 143,058评论 0 325
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,539评论 1 267
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 61,382评论 5 358
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,319评论 1 273
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,706评论 3 386
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,370评论 0 254
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,664评论 1 294
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,715评论 2 312
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,476评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,326评论 3 313
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,730评论 3 299
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 29,003评论 0 19
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,275评论 1 251
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,683评论 2 342
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,877评论 2 335

推荐阅读更多精彩内容