一. 簡介

屬性動畫（Property Animation）是Android 3.0（API 11）之后提供的動畫框架，在之前Android 提供了 幀動畫（Frame Animation） 和 補(bǔ)間動畫（Tween Animation），幀動畫就是把一個動畫分成多張圖片，然后把這些圖片連貫起來播放，原理和動畫片類似；補(bǔ)間動畫是針對View 進(jìn)行的平移、旋轉(zhuǎn)、縮放、透明度變化 等動畫效果；屬性動畫則是通過改變屬性值來實(shí)現(xiàn)動畫效果，不再局限于View。

屬性動畫和補(bǔ)間動畫的對比：

• 作用對象
  補(bǔ)間動畫的作用對象僅為View，而屬性動畫則可作用于非View 對象。有些情況下，可能需要對View 的某個對象進(jìn)行操作，而不是整個View 對象，比如動態(tài)改變View 的顏色，此時補(bǔ)間動畫便無法實(shí)現(xiàn)。

• 對View 的影響
  補(bǔ)間動畫只改變View 的視覺效果，并不改變View 的屬性，比如將一個Button 從屏幕左上角 移動至 右下角，使用補(bǔ)間動畫的話，移動完成之后 Button 的點(diǎn)擊區(qū)域還是左上角，因?yàn)樗奈恢脤傩圆]有改變。而屬性動畫，顧名思義，改變的就是屬性。

• 動畫效果
  補(bǔ)間動畫效果比較單一，僅支持平移、旋轉(zhuǎn)、縮放、透明度變化，而屬性動畫比較靈活，可以實(shí)現(xiàn)多種復(fù)雜的動畫效果。

在現(xiàn)在的開發(fā)過程中，由于屬性動畫已經(jīng)可以實(shí)現(xiàn)幾乎所有補(bǔ)間動畫能實(shí)現(xiàn)的功能，所以我們最常用的還是屬性動畫，本篇將簡介屬性動畫的基本使用。

二. 工作原理及相關(guān)類

1. 屬性動畫的工作過程

工作過程.png

從上面的工作過程可以看到，屬性動畫框架中最常用也是最重要的幾個類，就是ValueAnimator、ObjectAnimator、Interpolator 的實(shí)現(xiàn)類 和 TypeEvaluator 的實(shí)現(xiàn)類。

2. 相關(guān)類簡介

Animators：
1）ValueAnimator，屬性動畫的主要計時引擎，它還計算要設(shè)置動畫的屬性的值。它具有計算動畫值的所有核心功能，包含每個動畫的持續(xù)時間，有關(guān)動畫是否重復(fù)進(jìn)行，更新屬性值的事件偵聽器以及設(shè)置自定義類型的估值器功能。屬性動畫有兩個部分：計算動畫過程中的屬性值，給對象和屬性上設(shè)置這些值。ValueAnimator 僅負(fù)責(zé)計算值，因此必須監(jiān)聽ValueAnimator 計算的值的更新，并使用按照自己的邏輯修改要設(shè)置動畫的對象。

主要方法：

以上，只是比較常用的方法，還有許多諸如getter 等方法，這里不一一列舉，詳情可參官方文檔。

2）ObjectAnimator，是ValueAnimator的子類，允許我們將目標(biāo)對象和對象屬性設(shè)置為動畫，它在計算動畫的新值時會相應(yīng)地更新屬性，我們在大多數(shù)情況下可以使用ObjectAnimator，因?yàn)樗沟迷谀繕?biāo)對象上設(shè)置動畫值的過程變得更加容易。但是，ObjectAnimator還有一些限制，例如要求在目標(biāo)對象上存在特定的acessor方法。

主要方法和ValueAnimator 類似，只是創(chuàng)建對象的ofXXX 方法有些不同，常用如下

需要注意的是，在給對象的指定屬性設(shè)置值時，要求對象內(nèi)必須有屬性對應(yīng)的getter 和setter。更多方法可以查文檔。

3）AnimatorSet

提供一種將動畫分組在一起的機(jī)制，以便它們相互運(yùn)行，可以將動畫設(shè)置為一起播放，按順序播放，或在指定的延遲后播放。主要方法如下

更多方法可見這里。

Interpolator：

時間插值器定義如何計算動畫中的特定值作為時間的函數(shù)。例如，可以指定動畫在整個動畫中線性發(fā)生，這意味著動畫在整個時間內(nèi)均勻移動，或者還可以指定動畫以使用非線性時間，例如，在開始時加速并在結(jié)束時減速。Android 提供了一些插值器，如果所提供的插值器都不適合需求，可以實(shí)現(xiàn)TimeInterpolator接口并創(chuàng)建自定義插值器。

Android 默認(rèn)提供了9 種插值器

類	描述
LinearInterpolator	值隨時間的變化為線性 image.png
AccelerateInterpolator	加速變化 image.png
DecelerateInterpolator	減速變化 image.png
AccelerateDecelerateInterpolator	先加速后減速變化 image.png
AnticipateInterpolator	先反向變化，再正向快速變化 image.png
OvershootInterpolator	快速變化到超出結(jié)束值一段，再緩慢反向變化回結(jié)束值 image.png
BounceInterpolator	不斷回彈地變化 image.png
CycleInterpolator	正弦函數(shù)變化 image.png

Evaluator:

Evaluator（估值器）告訴屬性動畫系統(tǒng)如何計算給定屬性的值，它們獲取Animator類提供的時序數(shù)據(jù)（時序數(shù)據(jù)的值就是通過Interpolator 計算出的），動畫的開始和結(jié)束值，并根據(jù)此數(shù)據(jù)計算屬性的動畫值。

Android 提供了三種估值器：

如果我們需要做動畫的屬性的類型不是int 或 float時，就需要實(shí)現(xiàn)TypeEvaluator 接口自定義估值器。

三. 應(yīng)用

1. ValueAnimator

在使用ValueAnimator 實(shí)現(xiàn)動畫時，首先要創(chuàng)建一個Animator 對象，上面的API 簡介提到了一系列的of 方法，可以創(chuàng)建針對不同屬性類型的Animator 對象

    val intAnim = ValueAnimator.ofInt(0, 1000).apply {
            duration = 5000
            startDelay = 1000
            interpolator = BounceInterpolator()
            addUpdateListener {         // 在監(jiān)聽值更新的Listener 里給要做動畫的對象（本例是一個TextView）的屬性賦值
                animText.x = (it.animatedValue as Int).toFloat()
                animText.rotationY = (it.animatedValue as Int).toFloat()
            }
            addListener(object : Animator.AnimatorListener {            // 監(jiān)聽動畫的執(zhí)行事件
                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 代碼創(chuàng)建外，還可以在XML 中創(chuàng)建動畫的相關(guān)設(shè)置：

<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 并創(chuàng)建對象的代碼如下：

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

注意在使用XML 創(chuàng)建Animator 對象之后，也需要添加Listener 來動態(tài)改變對象的屬性值。

創(chuàng)建了Animator 對象之后，若要開始動畫，只需要調(diào)用start 方法即可。

2. ObjectAnimator

ObjectAnimator 是ValueAnimator 的子類，對其進(jìn)行了一定程度的封裝，我們不需要再添加監(jiān)聽值變化的Listener 來手動為屬性賦值，我們只需在創(chuàng)建ObjectAnimator 對象時，傳入要改變屬性的對象及其屬性名即可（但要保證該屬性有對應(yīng)的setter 方法），如下：

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

同樣，ObjectAnimator 的相關(guān)設(shè)置也可以通過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)                 // 設(shè)置動畫作用的對象

開始動畫只需調(diào)用start 方法即可。

我們知道，屬性動畫的動畫效果就是通過不斷改變對象的屬性值來實(shí)現(xiàn)的，所以要比補(bǔ)間動畫更靈活，那么補(bǔ)間動畫能實(shí)現(xiàn)的View 的四種動畫效果，放在屬性動畫里應(yīng)該改變哪些值呢，如下表

這些都是View 的屬性，通過對他們的改變就可以實(shí)現(xiàn)一些基本的動畫效果。

3. AnimatorSet

AnimatorSet 可以將多個動畫組合起來進(jìn)行播放，并且可以給這些動畫設(shè)置先后順序等

        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 {       // 創(chuàng)建一個讓View 按照指定Path 運(yùn)動的動畫
            duration = 3000
            interpolator = AccelerateDecelerateInterpolator()
        }

                // 顏色改變的動畫
        val colorAnim = ObjectAnimator.ofArgb(textView, "textColor", Color.parseColor("#dc5f26"), Color.parseColor("#2684DC")).apply {
            duration = 5000
        }

                // 改變橫坐標(biāo)的動畫
        val intAnim = ObjectAnimator.ofFloat(textView, "x", 0f).apply {
            duration = 3000
        }

        val animSet = AnimatorSet()
        animSet.play(pathAnim)          // 調(diào)用play 來播放
        animSet.play(colorAnim).with(intAnim).after(pathAnim).after(2000)           // with 表示同時播放，after 表示在xxx 之后播放，before 表示在xxx 之前播放

                animSet.start()                         // 開始動畫