2018-04-21—属性动画（1） 初步认识ObjectAnimator

在上一次时候，我们讲解了帧动画和补间动画，尤其是补间动画，有一个小问题不知道大家发现没有：

举个简单的例子，我们把一个图片设置点击事件，让他吐司。然后我们给他设置缩放，让他缩放到0,0（就是消失），然后我们再点击，看看会怎么样：

我们发现我们把他变道最小了，点击它原来的位置还是会吐司的。相信有人已经猜到今天我们要讲什么了，没错，我们如果想要让它缩放了以后点击原来的位置不会吐司，那么我们只需要用属性动画来实现这个功能就好了。

---

属性动画：

我们首先来对比一下属性动画和补间动画的区别：

补间动画和属性动画区别

很明显了，补间动画知识改变了View显示效果，如位置变化，大小比例变化，旋转，透明度变化，但是他只是从显示上改变了这些，而实际上相关联的控件（Button、ImageView等View控件）他们的大小，位置，旋转角度，透明度这些属性还是没有变化的。

而属性动画就不一样了，我们每一次动画所改变的效果，都是直接改变的View的相关属性。

我们上一次学了补间动画，现在学习属性动画的话会相对轻松点，其实还是对应的那四种变换加上组合变换，都是固定的逻辑。下面我们一起来看一下：

首先我们还是设置一下布局：

xml布局

一张图片，一个按钮实现点击效果。

---

Java实现：

平移：

属性动画跟补间动画不一样，它对应的类有一个叫做ObjectAnimation的类（还有一个ValueAnimation这个下次再说），这个类可以实现我们四种变换方式。我们来上一下代码大家就都清楚了：

ObjectAnimator animatorT = ObjectAnimator.ofFloat(img,"translationX",0,100);

animatorT.setDuration(2000);

animatorT.start();

我们新建了一个叫做ObjectAnimator的对象，这个对象就是我们所说的属性动画其中一个类，我们通过它里面的静态方法ofFloat方法来获取对象，我们看一下里面的参数：

ofFloat方法参数

他有5个构造方法，我们只看第一个，也是我们最常用的一个

第一个参数是我们要绑定的控件对象，我们绑定img，就是让img控件进行一系列操作，

第二个参数是变换类型，这里面有这么几个参数

我们刚才让他进行了x轴方向向右移动100的操作，所以属性名字里面写的是translationX。

最后一个参数是可变长参数，这个我们后面写多少参数都可以，在上面我只写了0,100两个，他的意思是x轴起始位置是偏移量0，x轴结束位置是偏移量100。

如果我在里面再加一个0，那么他会先向右平移100，然后又回到原位。也就是说我们在里面添加多少数据，他就会依次执行。

可能有的同学会问了，这个没有设置fillAfter啊，他怎么结束后保留了最后样式？这就是我们属性动画和补间动画的区别了，我们属性动画在收到我们的数值之后，是直接改变了我们的位置，而不仅仅是动画效果。

---

2.旋转

不多说，我们直接上代码：

ObjectAnimator animatorR = ObjectAnimator.ofFolat(img,"Rotation",0,360,180);

animatorR.setDuration(3000);

animatorR.start();

有了上面的例子，大家这个应该都可以看懂的吧，我们绑定了img控件，然后让他的旋转轴为垂直屏幕方向，然后先转动到顺时针360的方向上，然后又转回刚才180的方向上，总共转动时间为3秒。

那么关于缩放和透明度也是同样的道理，在这里就不多说了。

---

XML实现：

这个跟补间动画一样，我们同样可以通过xml来实现。

animator目录

首先我们要创建一个名为animator的目录文件，然后在里面创建一个叫做anim_alpha的文件。

    android:propertyName="alpha"

    android:valueFrom="1"

    android:valueTo="0"

    android:duration="3000"

    android:repeatCount="1">

我们把头标签市值为objectAnimator。

然后在里面加入相关属性。

ObjectAnimator animatorT = (ObjectAnimator) AnimatorInflater.loadAnimator(this,R.animator.animator_alpha);

animatorT.setTarget(img);

animatorT.start();

我们通过AnimatorInflater类的loadAnimator方法来获取我们刚才的xml文件。我们来看一下效果：

渐变效果

关于其他的三种xml实现也是同样的道理。

下面我们来看一下如何实现属性动画的组合：

---

属性动画组合：

1.java实现：

AnimatorSet类

属性动画组合对应的是AnimatorSet类，我们只需要new他就好。

它对应的主要有这四个方法，play，before，with，after。这四个方法里面全都是填入往后儿们的animator类，但是先后执行顺序不一样，分别对应着开启，最后，同步，最开始执行。

我们来看一下效果：

我们注意到他是先执行的after，然后是play和with同时执行，最后执行的before。所以大家记住这个顺序，无论怎么写，都是这个执行顺序。

2.XML实现

xml相对于java代码实现组合，就轻松多了，下面的一些属性大家都可以看懂，我这里只强调一下ordering这个属性，这个属性有两个值：together是同步，而sequentially是按照我们写入的顺序依次执行。