7.3.1 使用屬性動畫 · Android開發藝術探索

#### 7.3.1 使用屬性動畫屬性動畫可以對任意對象的屬性進行動畫而不僅僅是View，動畫默認時間間隔300ms，默認幀率10ms/幀。其可以達到的效果是：在一個時間間隔內完成對象從一個屬性值到另一個屬性值的改變。因此，屬性動畫幾乎是無所不能的，只要對象有這個屬性，它都能實現動畫效果。但是屬性動畫從API 11才有，這就嚴重制約了屬性動畫的使用。可以采用開源動畫庫nineoldandroids來兼容以前的版本，采用nineoldandroids，可以在API 11以前的系統上使用屬性動畫，nineoldandroids的網址是：http://nineoldandroids.com。 Nineoldandroids對屬性動畫做了兼容，在API 11以前的版本其內部是通過代理View動畫來實現的，因此在Android低版本上，它的本質還是View動畫，盡管使用方法看起來是屬性動畫。Nineoldandroids的功能和系統原生對的android.animation.*中類的功能完全一致，使用方法也完全一樣，只要我們用nineoldandroids來編寫動畫，就可以在所有的Android系統上運行。比較常用的幾個動畫類是：ValueAnimator、ObjectAnimator和AnimatorSet，其中ObjectAnimator繼承自ValueAnimator, AnimatorSet是動畫集合，可以定義一組動畫，它們使用起來也是極其簡單的。如何使用屬性動畫呢？下面簡單舉幾個小例子，讀者一看就明白了。（1）改變一個對象（myObject）的translationY屬性，讓其沿著Y軸向上平移一段距離：它的高度，該動畫在默認時間內完成，動畫的完成時間是可以定義的。想要更靈活的效果我們還可以定義插值器和估值算法，但是一般來說我們不需要自定義，系統已經預置了一些，能夠滿足常用的動畫。 ObjectAnimator.ofFloat(myObject, "translationY", -myObject.getHeight()). start(); （2）改變一個對象的背景色屬性，典型的情形是改變View的背景色，下面的動畫可以讓背景色在3秒內實現從0xFFFF8080到0xFF8080FF的漸變，動畫會無限循環而且會有反轉的效果。 ValueAnimator colorAnim = ObjectAnimator.ofInt(this, "backgroundColor", /＊Red＊/0xFFFF8080, /＊Blue＊/0xFF8080FF); colorAnim.setDuration(3000); colorAnim.setEvaluator(new ArgbEvaluator()); colorAnim.setRepeatCount(ValueAnimator.INFINITE); colorAnim.setRepeatMode(ValueAnimator.REVERSE); colorAnim.start(); （3）動畫集合，5秒內對View的旋轉、平移、縮放和透明度都進行了改變。 AnimatorSet set = new AnimatorSet(); set.playTogether( ObjectAnimator.ofFloat(myView, "rotationX", 0, 360), ObjectAnimator.ofFloat(myView, "rotationY", 0, 180), ObjectAnimator.ofFloat(myView, "rotation", 0, -90), ObjectAnimator.ofFloat(myView, "translationX", 0, 90), ObjectAnimator.ofFloat(myView, "translationY", 0, 90), ObjectAnimator.ofFloat(myView, "scaleX", 1, 1.5f), ObjectAnimator.ofFloat(myView, "scaleY", 1, 0.5f), ObjectAnimator.ofFloat(myView, "alpha", 1, 0.25f, 1) ); set.setDuration(5 ＊ 1000).start(); 屬性動畫除了通過代碼實現以外，還可以通過XML來定義。屬性動畫需要定義在res/animator/目錄下，它的語法如下所示。 <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> 屬性動畫的各種參數都比較好理解，在XML中可以定義ValueAnimator、Object-Animator以及AnimatorSet，其中<set>標簽對應AnimatorSet, <animator>標簽對應ValueAnimator，而<objectAnimator>則對應ObjectAnimator。<set>標簽的android:ordering屬性有兩個可選值：“together”和“sequentially”，其中“together”表示動畫集合中的子動畫同時播放，“sequentially”則表示動畫集合中的子動畫按照前后順序依次播放，android:ordering屬性的默認值是“together”。對于<objectAnimator>標簽的各個屬性的含義，下面簡單說明一下，對于<animator>標簽這里就不再介紹了，因為它只是比<objectAnimator>少了一個android:propertyName屬性而已，其他都是一樣的。 · android:propertyName——表示屬性動畫的作用對象的屬性的名稱； · android:duration——表示動畫的時長； · android:valueFrom——表示屬性的起始值； · android:valueTo——表示屬性的結束值； · android:startOffset——表示動畫的延遲時間，當動畫開始后，需要延遲多少毫秒才會真正播放此動畫； · android:repeatCount——表示動畫的重復次數； · android:repeatMode——表示動畫的重復模式； · android:valueType——表示android:propertyName所指定的屬性的類型，有“intType”和“floatType”兩個可選項，分別表示屬性的類型為整型和浮點型。另外，如果android:propertyName所指定的屬性表示的是顏色，那么不需要指定android:valueType，系統會自動對顏色類型的屬性做處理。對于一個動畫來說，有兩個屬性這里要特殊說明一下，一個是android:repeatCount，它表示動畫循環的次數，默認值為0，其中-1表示無限循環；另一個是android:repeatMode，它表示動畫循環的模式，有兩個選項：“repeat”和“reverse”，分別表示連續重復和逆向重復。連續重復比較好理解，就是動畫每次都重新開始播放，而逆向重復是指第一次播放完以后，第二次會倒著播放動畫，第三次再重頭開始播放動畫，第四次再倒著播放動畫，如此反復。下面是一個具體的例子，我們通過XML定義一個屬性動畫并將其作用在View上，如下所示。 // res/animator/property_animator.xml <set android:ordering="together"> <objectAnimator android:propertyName="x" android:duration="300" android:valueTo="200" android:valueType="intType"/> <objectAnimator android:propertyName="y" android:duration="300" android:valueTo="300" android:valueType="intType"/> </set> 如何使用上面的屬性動畫呢？也很簡單，如下所示。 AnimatorSet set = (AnimatorSet) AnimatorInflater.loadAnimator(myContext, R.anim.property_animator); set.setTarget(mButton); set.start(); 在實際開發中建議采用代碼來實現屬性動畫，這是因為通過代碼來實現比較簡單。更重要的是，很多時候一個屬性的起始值是無法提前確定的，比如讓一個Button從屏幕左邊移動到屏幕的右邊，由于我們無法提前知道屏幕的寬度，因此無法將屬性動畫定義在XML中，在這種情況下就必須通過代碼來動態地創建屬性動畫。