簡介

幀動畫（Frame Animation又稱Drawable Animation）是最簡單的Android動畫效果，其與電影多重連續幀播放原理相似，通過視覺殘留來讓人感知到動畫效果。其實現方式是將一張張Drawable圖片按順序排列並逐張按時播放來達到實現的動畫效果，對應的實現類是AnimationDrawable。它有兩種實現方式：程式碼實現和XML實現，其中XML實現方式較為簡單。

使用方式

XML實現

1、定義

<?xml version="1.0" encoding="utf-8"?>
<animation-list xmlns:android
 
="http://schemas.android.com/apk/res/android"
    android:oneshot="false">

    <item
        android:drawable="@drawable/arrow_down01"
        android:duration="150" />
    <item
        android:drawable="@drawable/arrow_down02"
        android:duration="150" />
    <item
        android:drawable
 
="@drawable/arrow_down03"
        android:duration="150" />
    <item
        android:drawable="@drawable/arrow_down04"
        android:duration="150" />
</animation-list>

其根標籤為animation-list，它有幾個自定義屬性，其中oneshot屬性表示是否只顯示一次，設定為false時將會迴圈播放動畫，設定為true時動畫只執行一次且執行之後停在最後一幀；visible屬性為布林值，設定動畫的可見性，true

在根標籤下通過item標籤對動畫中的每一幀進行宣告，每幀中包含其需要展示的Drawable以及其展示的時間，drawable可以是圖片或者顏色，duration表示展示該幀動畫所用的時間長度。

2、使用

• 獲取動畫物件

AnimationDrawable animationDrawable = (AnimationDrawable) mIvView.getDrawable();
AnimationDrawable animationDrawable = (AnimationDrawable) mTvView.getBackground();

• 開始動畫

if (!animationDrawable.isRunning()) {
    animationDrawable.start();
}

• 結束動畫

if (animationDrawable.isRunning()) {
    animationDrawable.stop();
}

程式碼實現

1、定義

AnimationDrawable mAnimationDrawable = new AnimationDrawable();
mAnimationDrawable.addFrame(getResources().getDrawable(R.color.blue01), 150);
mAnimationDrawable.addFrame(getResources().getDrawable(R.color.blue02), 150);
mAnimationDrawable.addFrame(getResources().getDrawable(R.color.blue03), 150);
mAnimationDrawable.addFrame(getResources().getDrawable(R.color.blue04), 150);
mAnimationDrawable.addFrame(getResources().getDrawable(R.color.blue05), 150);
mAnimationDrawable.setOneShot(false);

boolean setVisible(boolean visible, boolean restart)：visible表示動畫是否可見，restart的值設定為true時表示從第一幀開始播放動畫，設定為false時表示從最近的幀開始執行動畫。
2、使用

• 設定動畫

mTvAnimation.setBackgroundDrawable(mAnimationDrawable);
mIvArrow.setImageDrawable(mAnimationDrawable);

• 開始動畫

if (!mAnimationDrawable.isRunning()) {
    mAnimationDrawable.start();
}

• 結束動畫

if (mAnimationDrawable.isRunning()) {
    mAnimationDrawable.stop();
}

• 若同一個動畫既給TextView做背景，又給ImageView做前景，此時呼叫start方法會出現什麼情況呢？

mIvAnimation.setImageDrawable(mAnimationDrawable);
mTvAnimation.setBackgroundDrawable(mAnimationDrawable);
if (!mAnimationDrawable.isRunning()) {
    mAnimationDrawable.start();
}

此時ImageView顯示的是動畫的第一幀，TextView執行動畫效果。

mTvAnimation.setBackgroundDrawable(mAnimationDrawable);
mIvAnimation.setImageDrawable(mAnimationDrawable);
if (!mAnimationDrawable.isRunning()) {
    mAnimationDrawable.start();
}

此時TextView顯示的是動畫的第一幀，ImageView執行動畫效果。

綜上所述：同一個AnimationDrawable物件的start()方法只在最後一個應用它的View上生效。

以上就是animation-list實現逐幀動畫的常用方式，希望與大家一起共勉。

專案地址 ☞ 傳送門