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

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


到目前为止,我们现在已经学习了属性动画如下知识:

ValueAnimator,ObjectAnimator使用。

PropertyValueHolder,KeyFrame使用

插值器Interpolator,估值器TypeEvaluator使用。

总体上就是已经学了这些东西了。而属性动画中有一个类,可以把多个属性动画组合成统一的一个动画效果,没错,他就是联合动画——AnimatorSet,今天我们主要来详细介绍一下这个类——AnimatorSet.Builder


AnimatorSet.Builder

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

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

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第1张图片
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:

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第2张图片

直译: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:

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第3张图片

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

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


before:

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第4张图片

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

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


after:

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第5张图片

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

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


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

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第6张图片

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第7张图片

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第8张图片

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

其实这个现象很好解释:

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

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


我举一个很简单的例子:

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

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第9张图片

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第10张图片

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

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


playSequentially和playTogether方法

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第11张图片
playTogether实现

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

2018-05-22—属性动画(6) 联合动画AnimatorSet详解_第12张图片
playSequentially实现

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

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


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

你可能感兴趣的:(2018-05-22—属性动画(6) 联合动画AnimatorSet详解)