2018-05-22—属性动画(6) 联合动画AnimatorSet详解

最近在看源码的注释时候,都在努力地自己翻译官方的英文文档(老师推荐方法),确实是有效果的,笔者不跟大家树新风(tree  new  bee),今天这篇联合动画的源码注释大多数都是靠自己翻译的,除了一些个别不认识的生词意外。这是一个好习惯,推荐给大家,也希望我们大家在Android的道路上越来越强。

到目前为止,我们现在已经学习了属性动画如下知识:
ValueAnimator,ObjectAnimator使用。
PropertyValueHolder,KeyFrame使用
插值器Interpolator,估值器TypeEvaluator使用。
总体上就是已经学了这些东西了。而属性动画中有一个类,可以把多个属性动画组合成统一的一个动画效果,没错,他就是联合动画——AnimatorSet,今天我们主要来详细介绍一下这个类——AnimatorSet.Builder

AnimatorSet.Builder

10608194-1ea8afdb38c92d79.png

这是对这个类最原始的解释:按照指定的顺序播放动画对象,可以按顺序播放,可也以同时播放。。。。具体更多的大家去看AnimatorSet的源码注释就可以。

那我们现在知道,这个类就是为了将动画组合而生的,而具体组合出什么逻辑是我们自己决定的。

在具体介绍AnimatorSet之前,我想先说一下AnimatorSet中的一个内部类——Builder

10608194-e6081d2213ec0f6a.png
Builder注释

直译过来:Builder这个类,是用来帮助AnimatorSet将动画添加到AnimatorSet中,或者是处理各种动画的依赖关系。

可能这么说很抽象,我们暂时先这么理解:

1.Builder用来将动画加入AnimatorSet中。

2.Builder建立了一种约束关系,让AnimatorSet中的一系列动画有先后顺序播放。

现在到此为止,接下来我们会结合AnimatorSet的4中方法来继续理解Builder的意义:


AnimatorSet的play方法和Builder的with,before,after方法

既然我们要让许多的属性动画联合在一起,那我们肯定需要有方法把他们放入AnimatorSet中:总体来说,我们放入Animator的方法有如下四种:play(Animator anim),with(Animator anim),before(Animator anim),after(Animator anim)。

其中play是AnimatorSet的方法,其余三种都是Builder类中的方法。

我们依次说一下这几个方法:

play:

10608194-c04d2018621e51cd.png

直译:play方法创建了一个Builder对象,这个对象用于建立动画之间的约束关系。

play方法告诉这个Builder对象,play中的这个动画是接下来的所有动画的依赖。

然后看注释下面给出的例子:

play(a1).with(a2)    a1和a2同时开始

play(a1).before(a2)   先a1后a2

play(a1).after(a2)  先a2后a1

我们先不用管with,before,after实际的意义,反正我们知道这个play方法中返回了一个Builder对象,接着之后的所有动画都是和a1联系(他得播放顺序)。

而且,Builder对象生成的唯一途径,就是通过AnimatorSet的play方法。


with:

10608194-f18cf50b1fa5ada2.png

意译:设置一个动画,和play设置的动画同时播放,然后返回play创建的Builder对象。

这个方法应该很好理解,就是和play中的动画同时播放。


before:

10608194-0119b19d2d633cca.png

意译:在创建这个Builder对象的方法(也就是play方法)的动画结束时候,启动这个动画(before中的动画)。

所以play(a1).before(a2);是先执行a1,后执行a2,他们是有先后顺序的。


after:

10608194-18c15ef133c0ee86.png

意译:在这个方法(after)中的动画结束时,执行创建这个Builder对象的方法(play)中的动画。

所以play(a1).after(a2),是先执行a2,后执行a1。


现在我们知道这四个方法各自的用途了。那我们来做一个简单的小测试:

我们知道with会和play中的动画同时启动,我们看如下代码:

10608194-ae3c141ea1885b2a.png

很简单的一个动画,两个控件(具体什么控件大家自己去实现吧),分别给两个控件动画,a1延时2秒,联合动画延时2秒。我们看看他是如何动作的:

10608194-4dafbc589e2ae827.gif

我们发现他们一共延时了4秒,我们把代码做一下轻微的改变:

10608194-2c4ea8c27f6920cf.gif

我们发现延时两秒以后,a2先动作了,然后a1动作了。

其实这个现象很好解释:

最开始的2秒延时是我们set的启动延时,2秒后set启动,然后执行play的动画,如果play的动画没有延时就直接执行,伴随着with的动画,如果with的动画也没有延时,两者一起执行,如果with有延时,那么就延时执行。

相反:如果set延时后执行,play的动画也有延时,那么延时等待,当play执行时候,with的动画也执行。


我举一个很简单的例子:

大家都知道赛马吧:把马挡在门后面,后面有人拉着。我们的动画方法就相当于打开门,延时几秒就相当于人拉着它几秒,几秒过后人放手,马就跑了,这时候下一匹马的门打开,如果有延时还会被拉住,没有马就立刻跑。

无论是play,with,before,after,都是遵循这个规矩的。我们再举一个例子:

10608194-a736a212b8f412d5.png

还是这段代码,只是设定a1为after先执行与a2,a1还是有2秒延时。

10608194-b6f1a465963112e7.gif

set先延时2秒,然后a1延时2秒,a1启动,a1结束后a2启动。

关于这四个方法我们就讲这么多。接下来我们看一下Set中的两个方法:


playSequentially和playTogether方法

其实说白了,这两个方法就是对上面四种方法的封装,我们看一下他们的实现:

10608194-a8e88faa26023091.png
playTogether实现

我们先play第一个动画创建Builder对象,然后从索引1开始到最后一个,全部都with启动。

10608194-888cb0887852a0e4.png
playSequentially实现

只是多了一个位判断,如果只有一个就只执行一个动画;如果多余1个,就从第一个开始依次执行

看了源码之后,大家应该已经会用这两个方法了吧。


好了,关于联合动画使用就这么多了。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值