2018-05-22—属性动画(6) 联合动画AnimatorS
最近在看源码的注释时候,都在努力地自己翻译官方的英文文档(老师推荐方法),确实是有效果的,笔者不跟大家树新风(tree new bee),今天这篇联合动画的源码注释大多数都是靠自己翻译的,除了一些个别不认识的生词意外。这是一个好习惯,推荐给大家,也希望我们大家在Android的道路上越来越强。
到目前为止,我们现在已经学习了属性动画如下知识:
ValueAnimator,ObjectAnimator使用。
PropertyValueHolder,KeyFrame使用
插值器Interpolator,估值器TypeEvaluator使用。
总体上就是已经学了这些东西了。而属性动画中有一个类,可以把多个属性动画组合成统一的一个动画效果,没错,他就是联合动画——AnimatorSet,今天我们主要来详细介绍一下这个类——AnimatorSet.Builder
AnimatorSet.Builder
![](https://img.haomeiwen.com/i10608194/1ea8afdb38c92d79.png)
这是对这个类最原始的解释:按照指定的顺序播放动画对象,可以按顺序播放,可也以同时播放。。。。具体更多的大家去看AnimatorSet的源码注释就可以。
那我们现在知道,这个类就是为了将动画组合而生的,而具体组合出什么逻辑是我们自己决定的。
在具体介绍AnimatorSet之前,我想先说一下AnimatorSet中的一个内部类——Builder
![](https://img.haomeiwen.com/i10608194/e6081d2213ec0f6a.png)
直译过来: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:
![](https://img.haomeiwen.com/i10608194/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:
![](https://img.haomeiwen.com/i10608194/f18cf50b1fa5ada2.png)
意译:设置一个动画,和play设置的动画同时播放,然后返回play创建的Builder对象。
这个方法应该很好理解,就是和play中的动画同时播放。
before:
![](https://img.haomeiwen.com/i10608194/0119b19d2d633cca.png)
意译:在创建这个Builder对象的方法(也就是play方法)的动画结束时候,启动这个动画(before中的动画)。
所以play(a1).before(a2);是先执行a1,后执行a2,他们是有先后顺序的。
after:
![](https://img.haomeiwen.com/i10608194/18c15ef133c0ee86.png)
意译:在这个方法(after)中的动画结束时,执行创建这个Builder对象的方法(play)中的动画。
所以play(a1).after(a2),是先执行a2,后执行a1。
现在我们知道这四个方法各自的用途了。那我们来做一个简单的小测试:
我们知道with会和play中的动画同时启动,我们看如下代码:
![](https://img.haomeiwen.com/i10608194/ae3c141ea1885b2a.png)
很简单的一个动画,两个控件(具体什么控件大家自己去实现吧),分别给两个控件动画,a1延时2秒,联合动画延时2秒。我们看看他是如何动作的:
![](https://img.haomeiwen.com/i10608194/4dafbc589e2ae827.gif)
我们发现他们一共延时了4秒,我们把代码做一下轻微的改变:
![](https://img.haomeiwen.com/i10608194/2c4ea8c27f6920cf.gif)
我们发现延时两秒以后,a2先动作了,然后a1动作了。
其实这个现象很好解释:
最开始的2秒延时是我们set的启动延时,2秒后set启动,然后执行play的动画,如果play的动画没有延时就直接执行,伴随着with的动画,如果with的动画也没有延时,两者一起执行,如果with有延时,那么就延时执行。
相反:如果set延时后执行,play的动画也有延时,那么延时等待,当play执行时候,with的动画也执行。
我举一个很简单的例子:
大家都知道赛马吧:把马挡在门后面,后面有人拉着。我们的动画方法就相当于打开门,延时几秒就相当于人拉着它几秒,几秒过后人放手,马就跑了,这时候下一匹马的门打开,如果有延时还会被拉住,没有马就立刻跑。
无论是play,with,before,after,都是遵循这个规矩的。我们再举一个例子:
![](https://img.haomeiwen.com/i10608194/a736a212b8f412d5.png)
还是这段代码,只是设定a1为after先执行与a2,a1还是有2秒延时。
![](https://img.haomeiwen.com/i10608194/b6f1a465963112e7.gif)
set先延时2秒,然后a1延时2秒,a1启动,a1结束后a2启动。
关于这四个方法我们就讲这么多。接下来我们看一下Set中的两个方法:
playSequentially和playTogether方法
其实说白了,这两个方法就是对上面四种方法的封装,我们看一下他们的实现:
![](https://img.haomeiwen.com/i10608194/a8e88faa26023091.png)
我们先play第一个动画创建Builder对象,然后从索引1开始到最后一个,全部都with启动。
![](https://img.haomeiwen.com/i10608194/888cb0887852a0e4.png)
只是多了一个位判断,如果只有一个就只执行一个动画;如果多余1个,就从第一个开始依次执行
看了源码之后,大家应该已经会用这两个方法了吧。
好了,关于联合动画使用就这么多了。