探讨 CALayer 的 beginTime, speed, 以及timeOffset

Core Animation Guide 里有一段关于暂停和恢复动画的示例代码,如下:

-(void)pauseLayer:(CALayer*)layer {
   CFTimeInterval pausedTime = [layer convertTime:CACurrentMediaTime() fromLayer:nil];
   layer.speed = 0.0;
   layer.timeOffset = pausedTime;
}
 
-(void)resumeLayer:(CALayer*)layer {
   CFTimeInterval pausedTime = [layer timeOffset];
   layer.speed = 1.0;
   layer.timeOffset = 0.0;
   layer.beginTime = 0.0;
   CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
   layer.beginTime = timeSincePause;
}

主要原理就是利用设置当前layer的speed为0,动画就会暂停;当恢复为1时,动画会继续。然而,想要做到暂停和恢复,还要设置好暂停、�以及恢复时的状态。

刚看到这段代码, 我其实是很晕的。首先,为什么convertTime:from: 的第二个参数居然可以为nil。第二,在恢复的时候beginTime先设置为0,再设置成另一个值。还有beginTime�为什么是这样算的。浏览了一下官方文档,其中对于 speed , begin 和 timeOffset 的描述基本来自与CAMediaTiming这个协议,而且相当简洁,看了就有一种说了等于没说的�感觉-_-!

没办法,只好靠自己了。

首先看看这些数字是怎么变化的。��

--------------------Pause--------------------
CACurrentMediaTime: 65716.046179
pausedTime(timeOffset): 65716.046179
--------------------Resume--------------------
CACurrentMediaTime: 65717.960595
begineTime: 1.914415
--------------------Pause--------------------
CACurrentMediaTime: 65721.944880
pausedTime(timeOffset): 65720.030464
--------------------Resume--------------------
CACurrentMediaTime: 65725.561110
begineTime: 5.530646
--------------------Pause--------------------
CACurrentMediaTime: 65727.395533
pausedTime(timeOffset): 65721.864888
--------------------Resume--------------------
CACurrentMediaTime: 65730.828135
begineTime: 8.963247
--------------------Pause--------------------
CACurrentMediaTime: 65732.445991
pausedTime(timeOffset): 65723.482744
...

这些数字还是挺有规律的,�比如暂停时,
pausedTime = CACurrentMediaTime - layer.beginTime
再有beginTime只增不减,每次增加的时间等于暂停的时间。CACurrentMediaTime获取的�是当前的绝对时间。然而只有这些还是没有办法看出这些值为什么应该是这样。

就在一筹莫展的时候,在��代码里点�进去每个属性看一圈,终于发现比�较有意思的东西了:

  /* The begin time of the object, in relation to its parent object, if
     * applicable. Defaults to 0. */
    
    public var beginTime: CFTimeInterval { get set }

    ...

     /* Additional offset in active local time. i.e. to convert from parent
     * time tp to active local time t: t = (tp - begin) * speed + offset.
     * One use of this is to "pause" a layer by setting `speed' to zero and
     * `offset' to a suitable value. Defaults to 0. */
    
    public var timeOffset: CFTimeInterval { get set }

beginTime是相对于父layer的,文档也有说明。怎么个相对法?下面的timeOffset给出了答案:

t = (tp - begin) * speed + offset

其中t是当前layer的�“本地”时间,tp是父layer的时间。这么一来就可以解释暂停时的pausedTime的具体含义了。

暂停时只调用了convertTime:from: 并��将其设置为layer的timeOffset, 其值为
CACurrentMediaTime - layer.beginTime。
注意,在恢复�动画时offset是重置为0的;其中CACurrentMediaTime 与父layer的时间是同步的,因为父layer的speed一直都是默认的1。因此用上面的�公式 , 子layer的时间应该是 :

(CACurrentMediaTime - layer.beginTime)*1 + 0

这个值和pausedTime的值是�一样的,从上面总结出的数字规律中可以知道。因此这个时间就是在动画�暂停时,子layer的时间。

现在我们知道[layer convertTime:CACurrentMediaTime() fromLayer:nil] 的�意义了,它就是把�父layer的时间转换为子layer的时间。这个nil应该和layer.superLayer是一样的。把它改成layer.superLayer,�对结果没有任何影响。可以猜测,convertTime:fromLayer: 这个方法当第二个参数为nil时,它�的实现就是(time - begin) * speed + offset.

把layer.timeOffset设置成这个值就是为了防止动画暂停时layer回到原点。

下面我们来看看恢复动画时的逻辑。

现在我们应该�明白�怎么去实现了。我们需要让子layer的时间仍然从pausedTime开始。根据公式:

t = (tp - beginTime) * speed + offset

假设当动画�恢复时,暂停�的总时长为s。 ���那么在调用CACurrentMediaTime()时,上式中的tp就增加了s,如果我们把offset重置为0,为了让t保持不变,只需要让beginTime也增加s就可以了。这就解释了为什么beginTime只�增不�减,且每次增加的时长刚好是暂停的时间(上面总结出的数字规律)。

�看代码:

-(void)resumeLayer:(CALayer*)layer {
   CFTimeInterval pausedTime = [layer timeOffset];
   layer.speed = 1.0;
   layer.timeOffset = 0.0;
   layer.beginTime = 0.0;
   CFTimeInterval timeSincePause = [layer convertTime:CACurrentMediaTime() fromLayer:nil] - pausedTime;
   layer.beginTime = timeSincePause;
}

可以看到,offset重置为0了,beginTime就是�设置成了暂停的时间,符合我们之前的推断。至于beginTime为什么先设为0,大家应该都清楚了吧?

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

推荐阅读更多精彩内容