一. 简介

属性动画（Property Animation）是Android 3.0（API 11）之后提供的动画框架，在之前Android 提供了 帧动画（Frame Animation） 和 补间动画（Tween Animation），帧动画就是把一个动画分成多张图片，然后把这些图片连贯起来播放，原理和动画片类似；补间动画是针对View 进行的平移、旋转、缩放、透明度变化 等动画效果；属性动画则是通过改变属性值来实现动画效果，不再局限于View。

属性动画和补间动画的对比：

• 作用对象
  补间动画的作用对象仅为View，而属性动画则可作用于非View 对象。有些情况下，可能需要对View 的某个对象进行操作，而不是整个View 对象，比如动态改变View 的颜色，此时补间动画便无法实现。

• 对View 的影响
  补间动画只改变View 的视觉效果，并不改变View 的属性，比如将一个Button 从屏幕左上角 移动至 右下角，使用补间动画的话，移动完成之后 Button 的点击区域还是左上角，因为它的位置属性并没有改变。而属性动画，顾名思义，改变的就是属性。

• 动画效果
  补间动画效果比较单一，仅支持平移、旋转、缩放、透明度变化，而属性动画比较灵活，可以实现多种复杂的动画效果。

在现在的开发过程中，由于属性动画已经可以实现几乎所有补间动画能实现的功能，所以我们最常用的还是属性动画，本篇将简介属性动画的基本使用。

二. 工作原理及相关类

1. 属性动画的工作过程

工作过程.png

从上面的工作过程可以看到，属性动画框架中最常用也是最重要的几个类，就是ValueAnimator、ObjectAnimator、Interpolator 的实现类 和 TypeEvaluator 的实现类。

2. 相关类简介

Animators：
1）ValueAnimator，属性动画的主要计时引擎，它还计算要设置动画的属性的值。它具有计算动画值的所有核心功能，包含每个动画的持续时间，有关动画是否重复进行，更新属性值的事件侦听器以及设置自定义类型的估值器功能。属性动画有两个部分：计算动画过程中的属性值，给对象和属性上设置这些值。ValueAnimator 仅负责计算值，因此必须监听ValueAnimator 计算的值的更新，并使用按照自己的逻辑修改要设置动画的对象。

主要方法：

以上，只是比较常用的方法，还有许多诸如getter 等方法，这里不一一列举，详情可参官方文档。

2）ObjectAnimator，是ValueAnimator的子类，允许我们将目标对象和对象属性设置为动画，它在计算动画的新值时会相应地更新属性，我们在大多数情况下可以使用ObjectAnimator，因为它使得在目标对象上设置动画值的过程变得更加容易。但是，ObjectAnimator还有一些限制，例如要求在目标对象上存在特定的acessor方法。

主要方法和ValueAnimator 类似，只是创建对象的ofXXX 方法有些不同，常用如下

需要注意的是，在给对象的指定属性设置值时，要求对象内必须有属性对应的getter 和setter。更多方法可以查文档。

3）AnimatorSet

提供一种将动画分组在一起的机制，以便它们相互运行，可以将动画设置为一起播放，按顺序播放，或在指定的延迟后播放。主要方法如下

更多方法可见这里。

Interpolator：

时间插值器定义如何计算动画中的特定值作为时间的函数。例如，可以指定动画在整个动画中线性发生，这意味着动画在整个时间内均匀移动，或者还可以指定动画以使用非线性时间，例如，在开始时加速并在结束时减速。Android 提供了一些插值器，如果所提供的插值器都不适合需求，可以实现TimeInterpolator接口并创建自定义插值器。

Android 默认提供了9 种插值器

类	描述
LinearInterpolator	值随时间的变化为线性 image.png
AccelerateInterpolator	加速变化 image.png
DecelerateInterpolator	减速变化 image.png
AccelerateDecelerateInterpolator	先加速后减速变化 image.png
AnticipateInterpolator	先反向变化，再正向快速变化 image.png
OvershootInterpolator	快速变化到超出结束值一段，再缓慢反向变化回结束值 image.png
BounceInterpolator	不断回弹地变化 image.png
CycleInterpolator	正弦函数变化 image.png

Evaluator:

Evaluator（估值器）告诉属性动画系统如何计算给定属性的值，它们获取Animator类提供的时序数据（时序数据的值就是通过Interpolator 计算出的），动画的开始和结束值，并根据此数据计算属性的动画值。

Android 提供了三种估值器：

如果我们需要做动画的属性的类型不是int 或 float时，就需要实现TypeEvaluator 接口自定义估值器。

三. 应用

1. ValueAnimator

在使用ValueAnimator 实现动画时，首先要创建一个Animator 对象，上面的API 简介提到了一系列的of 方法，可以创建针对不同属性类型的Animator 对象

    val intAnim = ValueAnimator.ofInt(0, 1000).apply {
            duration = 5000
            startDelay = 1000
            interpolator = BounceInterpolator()
            addUpdateListener {         // 在监听值更新的Listener 里给要做动画的对象（本例是一个TextView）的属性赋值
                animText.x = (it.animatedValue as Int).toFloat()
                animText.rotationY = (it.animatedValue as Int).toFloat()
            }
            addListener(object : Animator.AnimatorListener {            // 监听动画的执行事件
                override fun onAnimationStart(animation: Animator?) {
                    println("-------------start")
                }

                override fun onAnimationEnd(animation: Animator?) {
                    println("-------------end")
                }

                override fun onAnimationCancel(animation: Animator?) {
                    println("-------------cancel")
                }

                override fun onAnimationRepeat(animation: Animator?) {
                    println("-------------repeat")
                }
            })
        }

除了用Java/Kotlin 代码创建外，还可以在XML 中创建动画的相关设置：

<animator xmlns:android="http://schemas.android.com/apk/res/android"
    android:valueFrom="0"
    android:valueTo="1000"
    android:valueType="intType"
    android:duration="5000"
    android:startOffset="1000"
    android:repeatCount="1"
    android:repeatMode="reverse">

</animator>

加载XML 并创建对象的代码如下：

val xmlAnim = AnimatorInflater.loadAnimator(this, R.animator.value_anim)

注意在使用XML 创建Animator 对象之后，也需要添加Listener 来动态改变对象的属性值。

创建了Animator 对象之后，若要开始动画，只需要调用start 方法即可。

2. ObjectAnimator

ObjectAnimator 是ValueAnimator 的子类，对其进行了一定程度的封装，我们不需要再添加监听值变化的Listener 来手动为属性赋值，我们只需在创建ObjectAnimator 对象时，传入要改变属性的对象及其属性名即可（但要保证该属性有对应的setter 方法），如下：

val colorAnim = ObjectAnimator.ofArgb(textView, "textColor", Color.parseColor("#dc5f26"), Color.parseColor("#2684DC")).apply {
    duration = 5000
}

同样，ObjectAnimator 的相关设置也可以通过XML 来写，

<objectAnimator xmlns:android="http://schemas.android.com/apk/res/android"
    android:valueFrom="0"
    android:valueTo="800"
    android:valueType="floatType"
    android:duration="5000"
    android:startOffset="1000"
    android:interpolator="@android:anim/accelerate_decelerate_interpolator"
    android:repeatCount="1"
    android:repeatMode="restart"
    android:propertyXName="x"
    android:propertyYName="y"
    android:pathData="M10,10Q200,100,400,600Q600,100,800,0Z">

</objectAnimator>

同样需要加载对象

val xmlAnim = AnimatorInflater.loadAnimator(this, R.animator.obj_anim)
xmlAnim.setTarget(textView)                 // 设置动画作用的对象

开始动画只需调用start 方法即可。

我们知道，属性动画的动画效果就是通过不断改变对象的属性值来实现的，所以要比补间动画更灵活，那么补间动画能实现的View 的四种动画效果，放在属性动画里应该改变哪些值呢，如下表

这些都是View 的属性，通过对他们的改变就可以实现一些基本的动画效果。

3. AnimatorSet

AnimatorSet 可以将多个动画组合起来进行播放，并且可以给这些动画设置先后顺序等

        val path = Path().apply {
            moveTo(10f, 10f)
            quadTo(200f, 100f, 400f, 600f)
            quadTo(600f, 100f,800f, 0f)
        }
        val pathAnim = ObjectAnimator.ofFloat(textView, View.X, View.Y, path).apply {       // 创建一个让View 按照指定Path 运动的动画
            duration = 3000
            interpolator = AccelerateDecelerateInterpolator()
        }

                // 颜色改变的动画
        val colorAnim = ObjectAnimator.ofArgb(textView, "textColor", Color.parseColor("#dc5f26"), Color.parseColor("#2684DC")).apply {
            duration = 5000
        }

                // 改变横坐标的动画
        val intAnim = ObjectAnimator.ofFloat(textView, "x", 0f).apply {
            duration = 3000
        }

        val animSet = AnimatorSet()
        animSet.play(pathAnim)          // 调用play 来播放
        animSet.play(colorAnim).with(intAnim).after(pathAnim).after(2000)           // with 表示同时播放，after 表示在xxx 之后播放，before 表示在xxx 之前播放

                animSet.start()                         // 开始动画