android 動畫使用

1 背景

不能只分析源碼呀，分析的同時也要整理歸納基礎知識，剛好有人微博私信讓全面說說Android的動畫，所以今天來一發Android應用的各種Animation大集合。英文厲害的請直接移步參考Android Developer。

Android系統提供了很多豐富的API去實現UI的2D與3D動畫，最主要的劃分可以分爲如下幾類：

• View Animation： 視圖動畫在古老的Android版本系統中就已經提供了，只能被用來設置View的動畫。

• Drawable Animation： 這種動畫（也叫Frame動畫、幀動畫）其實可以劃分到視圖動畫的類別，專門用來一個一個的顯示Drawable的resources，就像放幻燈片一樣。

• Property Animation： 屬性動畫只對Android 3.0（API 11）以上版本的Android系統纔有效，這種動畫可以設置給任何Object，包括那些還沒有渲染到屏幕上的對象。這種動畫是可擴展的，可以讓你自定義任何類型和屬性的動畫。

可以看見，當前應用程序開發涉及的主要動畫也就這三大類，我們接下來以類別爲基礎來慢慢展開說明。

【工匠若水 http://blog.csdn.net/yanbober 轉載請註明出處。點我開始Android技術交流】

2 View Animation（視圖動畫）使用詳解

2-1 視圖動畫概述

視圖動畫，也叫Tween（補間）動畫可以在一個視圖容器內執行一系列簡單變換（位置、大小、旋轉、透明度）。譬如，如果你有一個TextView對象，您可以移動、旋轉、縮放、透明度設置其文本，當然，如果它有一個背景圖像，背景圖像會隨着文本變化。

補間動畫通過XML或Android代碼定義，建議使用XML文件定義，因爲它更具可讀性、可重用性。

如下是視圖動畫相關的類繼承關係：

java類名	xml關鍵字	描述信息
AlphaAnimation	<alpha> 放置在res/anim/目錄下	漸變透明度動畫效果
RotateAnimation	<rotate> 放置在res/anim/目錄下	畫面轉移旋轉動畫效果
ScaleAnimation	<scale> 放置在res/anim/目錄下	漸變尺寸伸縮動畫效果
TranslateAnimation	<translate> 放置在res/anim/目錄下	畫面轉換位置移動動畫效果
AnimationSet	<set> 放置在res/anim/目錄下	一個持有其它動畫元素alpha、scale、translate、rotate或者其它set元素的容器

通過上圖和上表可以直觀的看出來補間動畫的關係及種類了吧，接下來我們就詳細一個一個的介紹一下各種補間動畫。

2-2 視圖動畫詳細說明

可以看出來Animation抽象類是所有補間動畫類的基類，所以基類會提供一些通用的動畫屬性方法，如下我們就來詳細看看這些屬性，關於這些屬性詳細官方解釋FQ點擊我或者FQ點擊我。

2-2-1 Animation屬性詳解

xml屬性	java方法	解釋
android:detachWallpaper	setDetachWallpaper(boolean)	是否在壁紙上運行
android:duration	setDuration(long)	動畫持續時間，毫秒爲單位
android:fillAfter	setFillAfter(boolean)	控件動畫結束時是否保持動畫最後的狀態
android:fillBefore	setFillBefore(boolean)	控件動畫結束時是否還原到開始動畫前的狀態
android:fillEnabled	setFillEnabled(boolean)	與android:fillBefore效果相同
android:interpolator	setInterpolator(Interpolator)	設定插值器（指定的動畫效果，譬如回彈等）
android:repeatCount	setRepeatCount(int)	重複次數
android:repeatMode	setRepeatMode(int)	重複類型有兩個值，reverse表示倒序回放，restart表示從頭播放
android:startOffset	setStartOffset(long)	調用start函數之後等待開始運行的時間，單位爲毫秒
android:zAdjustment	setZAdjustment(int)	表示被設置動畫的內容運行時在Z軸上的位置（top/bottom/normal），默認爲normal

也就是說，無論我們補間動畫的哪一種都已經具備了這種屬性，也都可以設置使用這些屬性中的一個或多個。

那接下來我們就看看每種補間動畫特有的一些屬性說明吧。

2-2-2 Alpha屬性詳解

xml屬性	java方法	解釋
android:fromAlpha	AlphaAnimation(float fromAlpha, …)	動畫開始的透明度（0.0到1.0，0.0是全透明，1.0是不透明）
android:toAlpha	AlphaAnimation(…, float toAlpha)	動畫結束的透明度，同上

2-2-3 Rotate屬性詳解

xml屬性	java方法	解釋
android:fromDegrees	RotateAnimation(float fromDegrees, …)	旋轉開始角度，正代表順時針度數，負代表逆時針度數
android:toDegrees	RotateAnimation(…, float toDegrees, …)	旋轉結束角度，正代表順時針度數，負代表逆時針度數
android:pivotX	RotateAnimation(…, float pivotX, …)	縮放起點X座標（數值、百分數、百分數p，譬如50表示以當前View左上角座標加50px爲初始點、50%表示以當前View的左上角加上當前View寬高的50%做爲初始點、50%p表示以當前View的左上角加上父控件寬高的50%做爲初始點）
android:pivotY	RotateAnimation(…, float pivotY)	縮放起點Y座標，同上規律

2-2-4 Scale屬性詳解

xml屬性	java方法	解釋
android:fromXScale	ScaleAnimation(float fromX, …)	初始X軸縮放比例，1.0表示無變化
android:toXScale	ScaleAnimation(…, float toX, …)	結束X軸縮放比例
android:fromYScale	ScaleAnimation(…, float fromY, …)	初始Y軸縮放比例
android:toYScale	ScaleAnimation(…, float toY, …)	結束Y軸縮放比例
android:pivotX	ScaleAnimation(…, float pivotX, …)	縮放起點X軸座標（數值、百分數、百分數p，譬如50表示以當前View左上角座標加50px爲初始點、50%表示以當前View的左上角加上當前View寬高的50%做爲初始點、50%p表示以當前View的左上角加上父控件寬高的50%做爲初始點）
android:pivotY	ScaleAnimation(…, float pivotY)	縮放起點Y軸座標，同上規律

2-2-5 Translate屬性詳解

xml屬性	java方法	解釋
android:fromXDelta	TranslateAnimation(float fromXDelta, …)	起始點X軸座標（數值、百分數、百分數p，譬如50表示以當前View左上角座標加50px爲初始點、50%表示以當前View的左上角加上當前View寬高的50%做爲初始點、50%p表示以當前View的左上角加上父控件寬高的50%做爲初始點）
android:fromYDelta	TranslateAnimation(…, float fromYDelta, …)	起始點Y軸從標，同上規律
android:toXDelta	TranslateAnimation(…, float toXDelta, …)	結束點X軸座標，同上規律
android:toYDelta	TranslateAnimation(…, float toYDelta)	結束點Y軸座標，同上規律

2-2-6 AnimationSet詳解

AnimationSet繼承自Animation，是上面四種的組合容器管理類，沒有自己特有的屬性，他的屬性繼承自Animation，所以特別注意，當我們對set標籤使用Animation的屬性時會對該標籤下的所有子控件都產生影響。

2-3 視圖動畫使用方法

通過上面對於動畫的屬性介紹之後我們來看看在Android中這些動畫如何使用（PS：這裏直接演示xml方式，至於Java方式太簡單了就不說了），如下：

<?xml version="1.0" encoding="utf-8"?>
<set xmlns:android="http://schemas.android.com/apk/res/android"
    android:interpolator="@[package:]anim/interpolator_resource"
    android:shareInterpolator=["true" | "false"] >
    <alpha
        android:fromAlpha="float"
        android:toAlpha="float" />
    <scale
        android:fromXScale="float"
        android:toXScale="float"
        android:fromYScale="float"
        android:toYScale="float"
        android:pivotX="float"
        android:pivotY="float" />
    <translate
        android:fromXDelta="float"
        android:toXDelta="float"
        android:fromYDelta="float"
        android:toYDelta="float" />
    <rotate
        android:fromDegrees="float"
        android:toDegrees="float"
        android:pivotX="float"
        android:pivotY="float" />
    <set>
        ...
    </set>
</set>

 

ImageView spaceshipImage = (ImageView) findViewById(R.id.spaceshipImage);
Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(this, R.anim.hyperspace_jump);
spaceshipImage.startAnimation(hyperspaceJumpAnimation);

 

上面就是一個標準的使用我們定義的補間動畫的模板。至於補間動畫的使用，Animation還有如下一些比較實用的方法介紹：

Animation類的方法	解釋
reset()	重置Animation的初始化
cancel()	取消Animation動畫
start()	開始Animation動畫
setAnimationListener(AnimationListener listener)	給當前Animation設置動畫監聽
hasStarted()	判斷當前Animation是否開始
hasEnded()	判斷當前Animation是否結束

既然補間動畫只能給View使用，那就來看看View中和動畫相關的幾個常用方法吧，如下：

View類的常用動畫操作方法	解釋
startAnimation(Animation animation)	對當前View開始設置的Animation動畫
clearAnimation()	取消當View在執行的Animation動畫

到此整個Android的補間動畫常用詳細屬性及方法全部介紹完畢，如有特殊的屬性需求可以訪問Android Developer查閱即可。如下我們就來個綜合大演練。

2-4 視圖動畫注意事項

關於視圖動畫（補間動畫）的例子我就不介紹了，網上簡直多的都氾濫了。只是強調在使用補間動畫時注意如下一點即可：

特別特別注意：補間動畫執行之後並未改變View的真實佈局屬性值。切記這一點，譬如我們在Activity中有一個 Button在屏幕上方，我們設置了平移動畫移動到屏幕下方然後保持動畫最後執行狀態呆在屏幕下方，這時如果點擊屏幕下方動畫執行之後的Button是沒 有任何反應的，而點擊原來屏幕上方沒有Button的地方卻響應的是點擊Button的事件。

2-5 視圖動畫Interpolator插值器詳解

2-5-1 插值器簡介

介紹補間動畫插值器之前我們先來看一幅圖，如下：

可以看見其實各種插值器都是實現了Interpolator接口而已，同時可以看見系統提供了許多已經實現OK的插值器，具體如下：

java類	xml id值	描述
AccelerateDecelerateInterpolator	@android:anim/accelerate_decelerate_interpolator	動畫始末速率較慢，中間加速
AccelerateInterpolator	@android:anim/accelerate_interpolator	動畫開始速率較慢，之後慢慢加速
AnticipateInterpolator	@android:anim/anticipate_interpolator	開始的時候從後向前甩
AnticipateOvershootInterpolator	@android:anim/anticipate_overshoot_interpolator	類似上面AnticipateInterpolator
BounceInterpolator	@android:anim/bounce_interpolator	動畫結束時彈起
CycleInterpolator	@android:anim/cycle_interpolator	循環播放速率改變爲正弦曲線
DecelerateInterpolator	@android:anim/decelerate_interpolator	動畫開始快然後慢
LinearInterpolator	@android:anim/linear_interpolator	動畫勻速改變
OvershootInterpolator	@android:anim/overshoot_interpolator	向前彈出一定值之後回到原來位置
PathInterpolator		新增，定義路徑座標後按照路徑座標來跑。

如上就是系統提供的一些插值器，下面我們來看看怎麼使用他們。

2-5-2 插值器使用方法

插值器的使用比較簡答，如下：

<set android:interpolator="@android:anim/accelerate_interpolator">
    ...
</set>

 

2-5-3 插值器的自定義

有時候你會發現系統提供的插值器不夠用，可能就像View一樣需要自定義。所以接下來我們來看看插值器的自定義，關於插值器的自定義分爲兩種實現方式，xml自定義實現（其實就是對現有的插值器的一些屬性修改）或者java代碼實現方式。如下我們來說說。

先看看XML自定義插值器的步驟：

• 在res/anim/目錄下創建filename.xml文件。
• 修改你準備自定義的插值器如下：

<?xml version="1.0" encoding="utf-8"?>
<InterpolatorName xmlns:android="http://schemas.android.com/apk/res/android"
    android:attribute_name="value"
    />

 

• 在你的補間動畫文件中引用該文件即可。

可以看見上面第二步修改的是現有插值器的一些屬性，但是有些插值器卻不具備修改屬性，具體如下：

<accelerateDecelerateInterpolator>

無可自定義的attribute。

<accelerateInterpolator>

android:factor 浮點值，加速速率（默認值爲1）。

<anticipateInterploator>

android:tension 浮點值，起始點後拉的張力數（默認值爲2）。

<anticipateOvershootInterpolator>

android:tension 浮點值，起始點後拉的張力數（默認值爲2）。 
android:extraTension 浮點值，拉力的倍數（默認值爲1.5）。

<bounceInterpolator>

無可自定義的attribute。

<cycleInterplolator>

android:cycles 整形，循環的個數（默認爲1）。

<decelerateInterpolator>

android:factor 浮點值，減速的速率（默認爲1）。

<linearInterpolator>

無可自定義的attribute。

<overshootInterpolator>

android:tension 浮點值，超出終點後的張力（默認爲2）。

再來看看Java自定義插值器的（Java自定義插值器其實是xml自定義的升級，也就是說如果我們修改xml的屬性還不能滿足需求，那就可以選擇通過Java來實現）方式。

可以看見上面所有的Interpolator都實現了Interpolator接口，而Interpolator接口又繼承自 TimeInterpolator，TimeInterpolator接口定義了一個float getInterpolation(float input);方法，這個方法是由系統調用的，其中的參數input代表動畫的時間，在0和1之間，也就是開始和結束之間。

如下就是一個動畫始末速率較慢、中間加速的AccelerateDecelerateInterpolator插值器：

public class AccelerateDecelerateInterpolator extends BaseInterpolator
        implements NativeInterpolatorFactory {
    ......
    public float getInterpolation(float input) {
        return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;
    }
    ......
}

 

到此整個補間動畫與補間動畫的插值器都分析完畢了，接下來看下別的動畫。

【工匠若水 http://blog.csdn.net/yanbober 轉載請註明出處。點我開始Android技術交流】

3 Drawable Animation（Drawable動畫）使用詳解

3-1 Drawable動畫概述

Drawable動畫其實就是Frame動畫（幀動畫），它允許你實現像播放幻燈片一樣的效果，這種動畫的實質其實是Drawable，所以這種動畫的XML定義方式文件一般放在res/drawable/目錄下。具體關於幀動畫的xml使用方式FQ點擊我查看，java方式FQ點擊我查看。

如下圖就是幀動畫的源碼文件：

可以看見實際的真實父類就是Drawable。

3-2 Drawable動畫詳細說明

我們依舊可以使用xml或者java方式實現幀動畫。但是依舊推薦使用xml，具體如下：

<animation-list> 必須是根節點，包含一個或者多個<item>元素，屬性有：

• android:oneshot true代表只執行一次，false循環執行。
• <item> 類似一幀的動畫資源。

<item> animation-list的子項，包含屬性如下：

• android:drawable 一個frame的Drawable資源。
• android:duration 一個frame顯示多長時間。

3-3 Drawable動畫實例演示

關於幀動畫相對來說比較簡單，這裏給出一個常規使用框架，如下：

<!-- 注意：rocket.xml文件位於res/drawable/目錄下 -->
<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot=["true" | "false"] >
    <item
        android:drawable="@[package:]drawable/drawable_resource_name"
        android:duration="integer" />
</animation-list>

 

ImageView rocketImage = (ImageView) findViewById(R.id.rocket_image);
rocketImage.setBackgroundResource(R.drawable.rocket_thrust);

rocketAnimation = (AnimationDrawable) rocketImage.getBackground();
rocketAnimation.start();

 

特別注意，AnimationDrawable的start()方法不能在Activity的onCreate方法中調運，因爲AnimationDrawable還未完全附着到window上，所以最好的調運時機是onWindowFocusChanged()方法中。

至此幀動畫也就說明完成了。讓我們接下來進入Android更牛叉的動畫類型。

【工匠若水 http://blog.csdn.net/yanbober 轉載請註明出處。點我開始Android技術交流】

4 Property Animation（屬性動畫）使用詳解

在使用屬性動畫之前先來看幾個常用的View屬性成員：

• translationX，translationY：控制View的位置，值是相對於View容器左上角座標的偏移。
• rotationX，rotationY：控制相對於軸心旋轉。
• x，y：控制View在容器中的位置，即左上角座標加上translationX和translationY的值。
• alpha：控制View對象的alpha透明度值。

這幾個常用的屬性相信大家都很熟悉，接下來的屬性動畫我們就從這裏展開。

4-1 屬性動畫概述

Android 3.0以後引入了屬性動畫，屬性動畫可以輕而易舉的實現許多View動畫做不到的事，上面也看見了，View動畫無非也就做那幾種事情，別的也搞不定，而 屬性動畫就可以的，譬如3D旋轉一張圖片。其實說白了，你記住一點就行，屬性動畫實現原理就是修改控件的屬性值實現的動畫。

具體先看下類關係：

/**
 * This is the superclass for classes which provide basic support for animations which can be
 * started, ended, and have <code>AnimatorListeners</code> added to them.
 */
public abstract class Animator implements Cloneable {
    ......
}

 

所有的屬性動畫的抽象基類就是他。我們看下他的實現子類： 
 
其實可以看見，屬性動畫的實現有7個類（PS，之所以類繼承關係列表會出來那麼多是因爲我下載了所有版本的SDK，你只用關注我紅點標註的就行，妹 的，ubuntu下圖片處理工具怎麼都這麼難用），進去粗略分析可以發現，好幾個是hide的類，而其他可用的類繼承關係又如下：

java類名	xml關鍵字	描述信息
ValueAnimator	<animator> 放置在res/animator/目錄下	在一個特定的時間裏執行一個動畫
TimeAnimator	不支持/點我查看原因	時序監聽回調工具
ObjectAnimator	<objectAnimator> 放置在res/animator/目錄下	一個對象的一個屬性動畫
AnimatorSet	<set> 放置在res/animator/目錄下	動畫集合

所以可以看見，我們平時使用屬性動畫的重點就在於AnimatorSet、ObjectAnimator、TimeAnimator、ValueAnimator。所以接下來我們就來依次說說如何使用。

4-2 屬性動畫詳細說明

4-2-1 屬性動畫計算原理

參看Android官方文檔，英文原版詳情點我查看！

Android屬性動畫（注意最低兼容版本，不過可以使用開源項目來替代低版本問題）提供了以下屬性：

• Duration：動畫的持續時間；
• TimeInterpolation：定義動畫變化速率的接口，所有插值器都必須實現此接口，如線性、非線性插值器；
• TypeEvaluator：用於定義屬性值計算方式的接口，有int、float、color類型，根據屬性的起始、結束值和插值一起計算出當前時間的屬性值；
• Animation sets：動畫集合，即可以同時對一個對象應用多個動畫，這些動畫可以同時播放也可以對不同動畫設置不同的延遲；
• Frame refreash delay：多少時間刷新一次，即每隔多少時間計算一次屬性值，默認爲10ms，最終刷新時間還受系統進程調度與硬件的影響；
• Repeat Country and behavoir：重複次數與方式，如播放3次、5次、無限循環，可以讓此動畫一直重複，或播放完時向反向播放；

接下來先來看官方爲了解釋原理給出的兩幅圖（其實就是初中物理題，不解釋）：

 
上面就是一個線性勻速動畫，描述了一個Object的X屬性運動動畫，該對象的X座標在40ms內從0移動到40，每10ms刷新一次，移動4次，每次移動爲40/4=10pixel。 
 
上面是一個非勻速動畫，描述了一個Object的X屬性運動動畫，該對象的X座標在40ms內從0移動到40，每10ms刷新一次，移動4次，但是速率不同，開始和結束的速度要比中間部分慢，即先加速後減速。

接下來我們來詳細的看一下，屬性動畫系統的重要組成部分是如何計算動畫值的，下圖描述瞭如上面所示動畫的實現作用過程。

其中的ValueAnimator是動畫的執行類，跟蹤了當前動畫的執行時間和當前時間下的屬性值；ValueAnimator封裝了動畫的 TimeInterpolator時間插值器和一個TypeEvaluator類型估值，用於設置動畫屬性的值，就像上面圖2非線性動畫 裏，TimeInterpolator使用了AccelerateDecelerateInterpolator、TypeEvaluator使用了 IntEvaluator。

爲了執行一個動畫，你需要創建一個ValueAnimator，並且指定目標對象屬性的開始、結束值和持續時間。在調用start後，整個動畫過程 中， ValueAnimator會根據已經完成的動畫時間計算得到一個0到1之間的分數，代表該動畫的已完成動畫百分比。0表示0%，1表示100%，譬如上 面圖一線性勻速動畫中總時間 t = 40 ms，t = 10 ms的時候是 0.25。

當ValueAnimator計算完已完成動畫分數後，它會調用當前設置的TimeInterpolator，去計算得到一個 interpolated（插值）分數，在計算過程中，已完成動畫百分比會被加入到新的插值計算中。如上圖2非線性動畫中，因爲動畫的運動是緩慢加速的， 它的插值分數大約是 0.15，小於t = 10ms時的已完成動畫分數0.25。而在上圖1中，這個插值分數一直和已完成動畫分數是相同的。

當插值分數計算完成後，ValueAnimator會根據插值分數調用合適的 TypeEvaluator去計算運動中的屬性值。

好了，現在我們來看下代碼就明白這段話了，上面圖2非線性動畫裏，TimeInterpolator使用了 AccelerateDecelerateInterpolator、TypeEvaluator使用了IntEvaluator。所以這些類都是標準的 API，我們來看下標準API就能類比自己寫了，如下：

首先計算已完成動畫時間分數（以10ms爲例）：t=10ms/40ms=0.25。

接着看如下源碼如何實現計算差值分數的：

public class AccelerateDecelerateInterpolator extends BaseInterpolator
        implements NativeInterpolatorFactory {
    public AccelerateDecelerateInterpolator() {
    }
    ......
    //這是我們關注重點，可以發現如下計算公式計算後（input即爲時間因子）插值大約爲0.15。
    public float getInterpolation(float input) {
        return (float)(Math.cos((input + 1) * Math.PI) / 2.0f) + 0.5f;
    }
    ......
}

 

其實AccelerateDecelerateInterpolator的基類接口就是TimeInterpolator，如下，他只有getInterpolation方法，也就是上面我們關注的方法。

public interface TimeInterpolator {
    float getInterpolation(float input);
}

 

接着ValueAnimator會根據插值分數調用合適的TypeEvaluator（IntEvaluator）去計算運動中的屬性值，如下，因爲startValue = 0，所以屬性值：0+0.15*（40-0）= 6。

public class IntEvaluator implements TypeEvaluator<Integer> {
    public Integer evaluate(float fraction, Integer startValue, Integer endValue) {
        int startInt = startValue;
        return (int)(startInt + fraction * (endValue - startInt));
    }
}

 

這就是官方給的一個關於屬性動畫實現的過程及基本原理解釋，相信你看到這裏是會有些迷糊的，沒關係，你先有個大致概念就行，接下來我們會慢慢進入實戰，因爲Android的屬性動畫相對於其他動畫來說涉及的知識點本來就比較複雜，所以我們慢慢來。

4-2-2 XML方式屬性動畫

在xml中可直接用的屬性動畫節點有ValueAnimator、ObjectAnimator、AnimatorSet。如下是官方的一個例子和解釋（詳情點我）：

<set
  android:ordering=["together" | "sequentially"]>

    <objectAnimator
        android:propertyName="string"
        android:duration="int"
        android:valueFrom="float | int | color"
        android:valueTo="float | int | color"
        android:startOffset="int"
        android:repeatCount="int"
        android:repeatMode=["repeat" | "reverse"]
        android:valueType=["intType" | "floatType"]/>

    <animator
        android:duration="int"
        android:valueFrom="float | int | color"
        android:valueTo="float | int | color"
        android:startOffset="int"
        android:repeatCount="int"
        android:repeatMode=["repeat" | "reverse"]
        android:valueType=["intType" | "floatType"]/>

    <set>
        ...
    </set>
</set>

 

<set>屬性解釋：

xml屬性	解釋
android:ordering	控制子動畫啓動方式是先後有序的還是同時進行。sequentially:動畫按照先後順序；together(默認):動畫同時啓動；

<objectAnimator>屬性解釋：

xml屬性	解釋
android:propertyName	String類型，必須要設置的節點屬性，代表要執行動畫的屬性（通過名字引用），闢如你可以指定了一個View的”alpha” 或者 “backgroundColor” ，這個objectAnimator元素沒有對外說明target屬性，所以你不能在XML中設置執行這個動畫，必須通過調用 loadAnimator()方法加載你的XML動畫資源，然後調用setTarget()應用到具備這個屬性的目標對象上（譬如TextView）。
android:valueTo	float、int或者color類型，必須要設置的節點屬性，表明動畫結束的點；如果是顏色的話，由6位十六進制的數字表示。
android:valueFrom	相對應valueTo，動畫的起始點，如果沒有指定，系統會通過屬性的get方法獲取，顏色也是6位十六進制的數字表示。
android:duration	動畫的時長，int類型，以毫秒爲單位，默認爲300毫秒。
android:startOffset	動畫延遲的時間，從調用start方法後開始計算，int型，毫秒爲單位。
android:repeatCount	一個動畫的重複次數，int型，”-1“表示無限循環，”1“表示動畫在第一次執行完成後重複執行一次，也就是兩次，默認爲0，不重複執行。
android:repeatMode	重複模式：int型，當一個動畫執行完的時候應該如何處理。該值必須是正數或者是-1，“reverse”會使得按照動畫向相反的方向執行，可實現類似鐘擺效果。“repeat”會使得動畫每次都從頭開始循環。
android:valueType	關鍵參數，如果該value是一個顏色，那麼就不需要指定，因爲動畫框架會自動的處理顏色值。有intType和floatType（默認）兩種：分別說明動畫值爲int和float型。

<objectAnimator>屬性解釋： 
同上<objectAnimator>屬性，不多介紹。

XML屬性動畫使用方法：

AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext,
    R.animtor.property_animator);
set.setTarget(myObject);
set.start();

 

4-2-3 Java方式屬性動畫

1、ObjectAnimator：繼承自ValueAnimator，允許你指定要進行動畫的對象以及該對象 的一個屬性。該類會根據計算得到的新值自動更新屬性。大多數的情況使用ObjectAnimator就足夠了，因爲它使得目標對象動畫值的處理過程變得足 夠簡單，不用像ValueAnimator那樣自己寫動畫更新的邏輯，但是ObjectAnimator有一定的限制，比如它需要目標對象的屬性提供指定 的處理方法（譬如提供getXXX，setXXX方法），這時候你就需要根據自己的需求在ObjectAnimator和ValueAnimator中看 哪種實現更方便了。

ObjectAnimator類提供了ofInt、ofFloat、ofObject這個三個常用的方法，這些方法都是設置動畫作用的元素、屬性、開始、結束等任意屬性值。當屬性值（上面方法的參數）只設置一個時就把通過getXXX反射獲取的值作爲起點，設置的值作爲終點；如果設置兩個（參數），那麼一個是開始、另一個是結束。

特別注意：ObjectAnimator的動畫原理是不停的調用setXXX方法更新屬性值，所有使用ObjectAnimator更新屬性時的前提是Object必須聲明有getXXX和setXXX方法。

我們通常使用ObjectAnimator設置View已知的屬性來生成動畫，而一般View已知屬性變化時都會主動觸發重繪圖操作，所以動畫會自 動實現；但是也有特殊情況，譬如作用Object不是View，或者作用的屬性沒有觸發重繪，或者我們在重繪時需要做自己的操作，那都可以通過如下方法手 動設置：

ObjectAnimator mObjectAnimator= ObjectAnimator.ofInt(view, "customerDefineAnyThingName", 0,  1).setDuration(2000);
mObjectAnimator.addUpdateListener(new AnimatorUpdateListener()
        {
            @Override
            public void onAnimationUpdate(ValueAnimator animation)
            {
                //int value = animation.getAnimatedValue();  可以獲取當前屬性值
                //view.postInvalidate();  可以主動刷新
                //view.setXXX(value);
                //view.setXXX(value);
                //......可以批量修改屬性
            }
        });

 

如下是一個我在項目中的Y軸3D旋轉動畫實現實例：

ObjectAnimator.ofFloat(view, "rotationY", 0.0f, 360.0f).setDuration(1000).start();

 

2、PropertyValuesHolder：多屬性動畫同時工作管理類。有時候我們需要同時修改多個屬性，那就可以用到此類，具體如下：

PropertyValuesHolder a1 = PropertyValuesHolder.ofFloat("alpha", 0f, 1f);  
PropertyValuesHolder a2 = PropertyValuesHolder.ofFloat("translationY", 0, viewWidth);  
......
ObjectAnimator.ofPropertyValuesHolder(view, a1, a2, ......).setDuration(1000).start();

 

如上代碼就可以實現同時修改多個屬性的動畫啦。

3、ValueAnimator：屬性動畫中的時間驅動，管理着動畫時間的開始、結束屬性值，相應時間屬性值計算方法等。包含所有計算動畫值的核心函數以及每一個動畫時間節點上的信息、一個動畫是否重複、是否監聽更新事件等，並且還可以設置自定義的計算類型。

特別注意：ValueAnimator只是動畫計算管理驅動，設置了作用目標，但沒有設置屬性，需要通過updateListener裏設置屬性纔會生效。

ValueAnimator animator = ValueAnimator.ofFloat(0, mContentHeight);  //定義動畫
animator.setTarget(view);   //設置作用目標
animator.setDuration(5000).start();
animator.addUpdateListener(new AnimatorUpdateListener() {
    @Override
    public void onAnimationUpdate(ValueAnimator animation){
        float value = (float) animation.getAnimatedValue();
        view.setXXX(value);  //必須通過這裏設置屬性值纔有效
        view.mXXX = value;  //不需要setXXX屬性方法
    }
});

 

大眼看上去可以發現和ObjectAnimator沒啥區別，實際上正是由於ValueAnimator不直接操作屬性值，所以要操作對象的屬性可以不需要setXXX與getXXX方法，你完全可以通過當前動畫的計算去修改任何屬性。

4、AnimationSet：動畫集合，提供把多個動畫組合成一個組合的機制，並可設置動畫的時序關係，如同時播放、順序播放或延遲播放。具體使用方法比較簡單，如下：

ObjectAnimator a1 = ObjectAnimator.ofFloat(view, "alpha", 1.0f, 0f);  
ObjectAnimator a2 = ObjectAnimator.ofFloat(view, "translationY", 0f, viewWidth);  
......
AnimatorSet animSet = new AnimatorSet();  
animSet.setDuration(5000);  
animSet.setInterpolator(new LinearInterpolator());   
//animSet.playTogether(a1, a2, ...); //兩個動畫同時執行  
animSet.play(a1).after(a2); //先後執行
......//其他組合方式
animSet.start();  

• 1
• 2
• 3
• 4
• 5
• 6
• 7
• 8
• 9
• 10

5、Evaluators相關類解釋： Evaluators就是屬性動畫系統如何去計算一個屬性值。它們通過Animator提供的動畫的起始和結束值去計算一個動畫的屬性值。

• IntEvaluator：整數屬性值。

• FloatEvaluator：浮點數屬性值。

• ArgbEvaluator：十六進制color屬性值。

• TypeEvaluator：用戶自定義屬性值接口，譬如對象屬性值類型不是int、float、color類型，你必須實現這個接口去定義自己的數據類型。

既然說到這了，那就來個例子吧，譬如我們需要實現一個自定義屬性類型和計算規則的屬性動畫，如下類型float[]：

ValueAnimator valueAnimator = new ValueAnimator();
valueAnimator.setDuration(5000);
valueAnimator.setObjectValues(new float[2]); //設置屬性值類型
valueAnimator.setInterpolator(new LinearInterpolator());
valueAnimator.setEvaluator(new TypeEvaluator<float[]>()
{
    @Override
    public float[] evaluate(float fraction, float[] startValue,
                            float[] endValue)
    {
        //實現自定義規則計算的float[]類型的屬性值
        float[] temp = new float[2];
        temp[0] = fraction * 2;
        temp[1] = (float)Math.random() * 10 * fraction;
        return temp;
    }
});

valueAnimator.start();
valueAnimator.addUpdateListener(new ValueAnimator.AnimatorUpdateListener()
{
    @Override
    public void onAnimationUpdate(ValueAnimator animation)
    {
        float[] xyPos = (float[]) animation.getAnimatedValue();
        view.setHeight(xyPos[0]);   //通過屬性值設置View屬性動畫
        view.setWidth(xyPos[1]);    //通過屬性值設置View屬性動畫
    }
});

6、Interpolators相關類解釋：

• AccelerateDecelerateInterolator：先加速後減速。

• AccelerateInterpolator：加速。

• DecelerateInterpolator：減速。

• AnticipateInterpolator：先向相反方向改變一段再加速播放。

• AnticipateOvershootInterpolator：先向相反方向改變，再加速播放，會超出目標值然後緩慢移動至目標值，類似於彈簧回彈。

• BounceInterpolator：快到目標值時值會跳躍。

• CycleIinterpolator：動畫循環一定次數，值的改變爲一正弦函數：Math.sin(2 * mCycles * Math.PI * input)。

• LinearInterpolator：線性均勻改變。

• OvershottInterpolator：最後超出目標值然後緩慢改變到目標值。

• TimeInterpolator：一個允許自定義Interpolator的接口，以上都實現了該接口。

舉個例子，就像系統提供的標準API一樣，如下就是加速插值器的實現代碼，我們自定義時也可以類似實現：

//開始很慢然後不斷加速的插值器。
public class AccelerateInterpolator implements Interpolator {
    private final float mFactor;
    private final double mDoubleFactor;

    public AccelerateInterpolator() {
        mFactor = 1.0f;
        mDoubleFactor = 2.0;
    }

    ......

    //input  0到1.0。表示動畫當前點的值，0表示開頭，1表示結尾。
    //return  插值。值可以大於1超出目標值，也可以小於0突破低值。
    @Override
    public float getInterpolation(float input) {
        //實現核心代碼塊
        if (mFactor == 1.0f) {
            return input * input;
        } else {
            return (float)Math.pow(input, mDoubleFactor);
        }
    }
}

綜上可以發現，我們可以使用現有系統提供標準的東東實現屬性動畫，也可以通過自定義繼承相關接口實現自己的動畫，只要實現上面提到的那些主要方法即可。

4-2-4 Java屬性動畫拓展之ViewPropertyAnimator動畫

在Android API 12時，View中添加了animate方法，具體如下：

public class View implements Drawable.Callback, KeyEvent.Callback,
        AccessibilityEventSource {
     ......
     /**
     * This method returns a ViewPropertyAnimator object, which can be used to animate
     * specific properties on this View.
     *
     * @return ViewPropertyAnimator The ViewPropertyAnimator associated with this View.
     */
    public ViewPropertyAnimator animate() {
        if (mAnimator == null) {
            mAnimator = new ViewPropertyAnimator(this);
        }
        return mAnimator;
    }
    ......
}

可以看見通過View的animate()方法可以得到一個ViewPropertyAnimator的屬性動畫（有人說他沒有繼承Animator類，是的，他是成員關係，不是之前那種繼承關係）。

ViewPropertyAnimator提供了一種非常方便的方法爲View的部分屬性設置動畫（切記，是部分屬性），它可以直接使用一個 Animator對象設置多個屬性的動畫；在多屬性設置動畫時，它比 上面的ObjectAnimator更加牛逼、高效，因爲他會管理多個屬性的invalidate方法統一調運觸發，而不像上面分別調用，所以還會有一些 性能優化。如下就是一個例子：

myView.animate().x(0f).y(100f).start(); 

 

4-2-5 Java屬性動畫拓展之LayoutAnimator容器佈局動畫

Property動畫系統還提供了對ViewGroup中View添加時的動畫功能，我們可以用LayoutTransition對 ViewGroup中的View進行動畫設置顯示。LayoutTransition的動畫效果都是設置給ViewGroup，然後當被設置動畫的 ViewGroup中添加刪除View時體現出來。該類用於當前佈局容器中有View添加、刪除、隱藏、顯示等時候定義佈局容器自身的動畫和View的動 畫，也就是說當在一個LinerLayout中隱藏一個View的時候，我們可以自定義 整個由於LinerLayout隱藏View而改變的動畫，同時還可以自定義被隱藏的View自己消失時候的動畫等。

我們可以發現LayoutTransition類中主要有五種容器轉換動畫類型，具體如下：

• LayoutTransition.APPEARING：當View出現或者添加的時候View出現的動畫。

• LayoutTransition.CHANGE_APPEARING：當添加View導致佈局容器改變的時候整個佈局容器的動畫。

• LayoutTransition.DISAPPEARING：當View消失或者隱藏的時候View消失的動畫。

• LayoutTransition.CHANGE_DISAPPEARING：當刪除或者隱藏View導致佈局容器改變的時候整個佈局容器的動畫。

• LayoutTransition.CHANGE：當不是由於View出現或消失造成對其他View位置造成改變的時候整個佈局容器的動畫。

XML方式使用系統提供的默認LayoutTransition動畫：

我們可以通過如下方式使用系統提供的默認ViewGroup的LayoutTransition動畫：

android:animateLayoutChanges=”true”

在ViewGroup添加如上xml屬性默認是沒有任何動畫效果的，因爲前面說了，該動畫針對於ViewGroup內部東東發生改變時纔有效，所以當我們設置如上屬性然後調運ViewGroup的addView、removeView方法時就能看見系統默認的動畫效果了。

還有一種就是通過如下方式設置：

android:layoutAnimation=”@anim/customer_anim”

 

通過這種方式就能實現很多吊炸天的動畫。

Java方式使用系統提供的默認LayoutTransition動畫：

在使用LayoutTransition時，你可以自定義這幾種事件類型的動畫，也可以使用默認的動畫，總之最終都是通過 setLayoutTransition(LayoutTransition lt)方法把這些動畫以一個LayoutTransition對象設置給一個ViewGroup。

譬如實現如上Xml方式的默認系統LayoutTransition動畫如下：

mTransitioner = new LayoutTransition();
mViewGroup.setLayoutTransition(mTransitioner);

稍微再高端一點吧，我們來自定義這幾類事件的動畫，分別實現他們，那麼你可以像下面這麼處理：

mTransitioner = new LayoutTransition();
......
ObjectAnimator anim = ObjectAnimator.ofFloat(this, "scaleX", 0, 1);
......//設置更多動畫
mTransition.setAnimator(LayoutTransition.APPEARING, anim);
......//設置更多類型的動畫                mViewGroup.setLayoutTransition(mTransitioner);

5 Android動畫總結

到此Android動畫基本已經描述OK了，也就這麼三大類，尤其是屬性動畫更加一籌。但是特別說一句，上面基本都沒有提及到各種動畫的 Listener接口，原因是這個玩意太簡單，所以不提了，相信你會監聽View的onClickListener就一定會觸類旁通動畫的 Listener方法的。有了這些基礎相信無論是自定義控件時還是自定義動畫時都會起到直接的指導參考作用。其實對於Android的動畫實現遠遠不止現 在提到的這些，但是這些又是基礎，所以後面還會寫文章說說Android提供的其他動畫參考工具類的。

現在我們繼續沿用官方的對比，翻譯一下這些動畫的區別，具體如下（點我參看原文How Property Animation Differs from View Animation）：

View動畫：

View動畫只能夠爲View添加動畫，如果想爲非View對象添加動畫須自己實現；且View動畫支持的種類很少；尤其是他改變的是View的繪製效果，View的屬性沒有改變，其位置與大小都不變； View動畫代碼量少，使用簡單方便。

Property動畫：

彌補了View動畫的缺陷，你可以爲一個對象的任意屬性添加動畫，對象自己的屬性會被真的改變；當對象的屬性變化的時候，屬性動畫會自動刷新屏幕；屬性動畫改變的是對象的真實屬性，而且屬性動畫不止用於View，還可以用於任何對象。