在android 裡有豐富的動畫實現過程,其中幀動畫的使用也是非常廣泛,比如在網路載入資料的時候我們希望介面中間顯示一頭老牛努力跑動的效果.
此時我們大多都會選擇讓美工做好一系列老牛跑動的圖片,少則5張,多則10張,圖片越多,動畫將會越平滑細膩,於是我們興奮的要求美工,給我來20張!
然後 我們急匆匆的做好幀動畫的xml檔案,拿到20張漂亮的圖片,再然後興沖沖的去執行看效果,我們悲劇的發現,程式並沒有跑起來,而是莫名其妙的閃退了.如果能看到日誌,你發覺的閃退的原因其實很簡單, OOM!
OMG! 我們最不願遇到的記憶體問題.是我們的圖片太大嗎?還是我們動畫間隔太短.我們想盡一切辦法想要處理掉這個BUG!
可是我要告訴你,拋棄幀動畫吧!因為你不確定在你解決了一臺測試機的OOM,就一定能保證在另一臺測試機上(可能記憶體更小)不會重現.
那不使用幀動畫我們該如何實現想要的效果呢?

今天我們要使用的技能GET為屬性動畫.顧名思意,屬性動畫就是通過不間斷改變物件的屬性來達到變化的動態效果,什麼是屬性呢,控制元件的x,y座標,控制元件的旋轉角度,控制元件的縮放大小等等.
當然,屬性動畫最低版本要求為3.0.因此我們需要捨棄那些已經過時的低版本系統.很幸運的是,目前3.0以下的手機目前整個地球只剩下不到5%的使用者,而這5%的使用者更不會很幸運的使用你的APP.所以捨棄他們,你將獲得新生!

有關低版本相容問題,想要在這裡bi bi 一下,每當一個新的API出現的時候,我們很興奮它帶給我們的新特性,比如透明狀態列,沉浸式等等,但我們不能使用!為的就是這該死的低版本相容,因為新API出現的時候,整個星球還充斥著低版本的手機,你必須要照顧他們的情緒.什麼時候等到這些低版本手機即將被淘汰的時候,我們才敢稍微放肆一點,去沾染這些新的API.太奇怪的這個狀態.

好了,言歸正傳.如何用屬性動畫實現幀動畫的效果呢?這裡我們講一下圖片控制元件(ImageView)的一個特性Level. 我們可以使用level資源為圖片設定不同level下的圖片.典型的使用就是電量level. 當電量低於0時顯示一張空電量的圖片,小於10%的時候顯示1/10的電量圖片….

暫時沒有明白level為什麼沒有出現在imageview的屬性列表中,我們只能通過setImageLevel來設定圖片的level卻無法getImageLevel來獲取圖片的level.

沒關係,我們先來實現我們的level資源吧.

<level-list><item android:drawable="@drawable/animation1"
 
 android:maxLevel="1"/><item android:drawable="@drawable/animation2" android:maxLevel="2"/><item android:drawable="@drawable/animation3" android:maxLevel="3"/><item android:drawable="@drawable/animation4" android:maxLevel="4"/><item android:drawable="@drawable/animation5" android:maxLevel="5"/><item android:drawable="@drawable/animation6" android:maxLevel="6"/><item android:drawable="@drawable/animation7" android:maxLevel="7"/><item android:drawable="@drawable/animation8" android:maxLevel="8"/><item android:drawable="@drawable/animation9" android:maxLevel="9"/><item android:drawable="@drawable/animation10" android:maxLevel="10"/><item android:drawable="@drawable/animation_stop" android:maxLevel="10"/></level-list>

很高興,我們再也不害怕過多的圖片導致OOM問題,因為level資源並不會將所有的level圖片一次性全部載入.
這裡我們甚至可以實現電影般流暢的動畫效果而不用但心OOM.

我們將這個資源像普通背景一樣設定為圖片的src.
但是我們如何讓他動起來呢?
檢視屬性動畫的特性我們有如下結論:
- 支援對所有View能更新的屬性的動畫（需要屬性的setXxx()和getXxx()）。
但是我們的ImageView並沒有level這樣一個屬性,怎麼辦呢,我們可以繼承ImageView,為它增加這樣一個屬性:

    // 提供一個用於屬性動畫操作的圖片類。imageLevel不屬於ImageView的屬性，因此只能自己定義此屬性。
    // 並通過屬性動畫進行修改。
    public static class LevelImageView extends ImageView {
        public LevelImageView(Context context) {
            super(context);
        }
        private int imageLevel = 0;
        public void setImageLevel(int level) {
            if (this.imageLevel == level)
                return;
            super.setImageLevel(level);
            this.imageLevel = level;
        }
        public int getImageLevel() {
            return imageLevel;
        }
        // 下一level介面。
        public void nextLevel() {
            setImageLevel(imageLevel++ % maxLevel);
        }
        private int maxLevel = 10;

        public void setMaxLevel(int maxLevel) {
            this.maxLevel = maxLevel;
        }
    }

如此我們就可以像普通的屬性一樣來操縱level屬性了.

我們粗暴一點上程式碼吧.

LevelImageView imageView = new LevelImageView(getContext());
//設定level資源.
imageView.setImageResource(R.drawable.drawable_refresh_image);        imageView.setScaleType(ScaleType.CENTER_INSIDE);
//新建動畫.屬性值從1-10的變化
headerAnimator = ObjectAnimator.ofInt(imageView, "imageLevel", 1, 10);
//設定動畫的播放數量為一直播放.
 headerAnimator.setRepeatCount(ObjectAnimator.INFINITE);
 //設定一個速度加速器.讓動畫看起來可以更貼近現實效果.
 headerAnimator.setInterpolator(new LinearInterpolator());
 headerAnimator.setRepeatMode(ObjectAnimator.RESTART);
 headerAnimator.setDuration(600);
 headerAnimator.start();

這樣動畫就開始了,他通過不停的改變imageLevel屬性達到顯示不同圖片的效果,
當然你也可以很隨意的控制這個動畫暫停,重播,停止等等.不像幀動畫 無法靈活控制.

以後就可以全面使用屬性動畫來替代補間動畫和幀動畫了.