Android學習筆記15：Frame Animation動畫的實現

　　在Android中，動畫Animation的實現有兩種方式：Tween Animation（漸變動畫）和Frame Animation（幀動畫）。漸變動畫是通過對場景里的對象不斷做圖像變換（平移、縮放、旋轉等）產生動畫效果。幀動畫則是通過順序播放事先准備好的圖像來產生動畫效果，和電影類似。

　　幀動畫主要是通過AnimationDrawable類來實現的。

1.AnimationDrawable類

　　AnimationDrawable類用於創建由一系列Drawable對象構成的逐幀動畫對象，它可以作為一個視圖對象的背景。

　　AnimationDrawable類的常用方法有以下一些：

mAnimationDrawable.addFrame(Drawable frame, int duration);//添加一個幀動畫

mAnimationDrawable.getDuration(int i);//獲得幀動畫的時間

mAnimationDrawable.getFrame(int index);//獲得指定索引的Drawable對象

mAnimationDrawable.getNumberOfFrames();//獲得幀動畫的總數

mAnimationDrawable.isOneShot();//幀動畫是否只運行一次

mAnimationDrawable.isRunning();//幀動畫是否處於運行狀態

mAnimationDrawable.setOneShot(boolean onsShot);//設置幀動畫是否只運行一次

mAnimationDrawable.setVisible(boolean visible, boolean restart);//設置幀動畫是否可見

mAnimationDrawable.start();//運行幀動畫

mAnimationDrawable.stop();//停止幀動畫

 

2.通過Java代碼實現Frame Animation動畫

　　要實現Frame Animation動畫，需要創建一個AnimationDrawable對象來表示Frame動畫，然后通過addFrame()方法把每一幀要顯示的內容添加進去，最后通過start()方法就可以播放動畫了。

　　setOneShot()方法可以設置動畫是否需要重復播放。

　　在具體實現中，需要預先准備了15張單幀動畫圖像，分別命名為image1到image15，並存放在工程的res/drawable目錄下。然后可以通過如下方法將每一幀的圖像加載到AnimationDrawable對象中。

        mAnimationDrawable = new AnimationDrawable();
        for (int i = 1; i <= 15; i++) {
            int resourcesId = getResources().getIdentifier("image"+i, "drawable", mContext.getPackageName());
            mDrawable = getResources().getDrawable(resourcesId);
            mAnimationDrawable.addFrame(mDrawable, 500);
        }

　　在本案例中，設置了按鍵事件監聽，通過中鍵來啟動動畫，通過Back鍵來關閉動畫（實際是通過關閉當前Activity來實現的）。

　　MainActivity.java源代碼如下：

package com.example.android_frameanimation;

import android.os.Bundle;
import android.view.KeyEvent;
import android.app.Activity;

public class MainActivity extends Activity {

    FrameView mFrameView;                                   //定義幀動畫對象
    
    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        mFrameView = new FrameView(this);
        setContentView(mFrameView);                    //加載幀動畫視圖
    }
    
    //按鍵按下事件響應
    public boolean onKeyDown(int keyCode, KeyEvent event)
    {
        if ( mFrameView == null )
        {
            return false;
        }
        if (keyCode == KeyEvent.KEYCODE_BACK) {         //按下Back鍵結束當前Activity
            this.finish();
            return true;
        }
        mFrameView.onKeyDown(keyCode, event);
        return true;
    }
}

　　FrameView.java源代碼如下：

package com.example.android_frameanimation;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.view.KeyEvent;
import android.view.View;

public class FrameView extends View {

    AnimationDrawable mAnimationDrawable;   //AnimationDrawable對象
    Drawable mDrawable;              //Drawable對象   
    Context mContext;                      //Context對象
    
    public FrameView(Context context) {
        super(context);            
        mContext = context;

        //使用Java代碼實現幀動畫效果
        mAnimationDrawable = new AnimationDrawable();
        for (int i = 1; i <= 15; i++) {
            int resourcesId = getResources().getIdentifier("image"+i, "drawable", mContext.getPackageName());
            mDrawable = getResources().getDrawable(resourcesId);
            mAnimationDrawable.addFrame(mDrawable, 500);
        }
        mAnimationDrawable.setOneShot(false);
        this.setBackgroundDrawable(mAnimationDrawable);
    }
    
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }
    
    //按鍵按下事件響應
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {              //按下中鍵開始動畫
            mAnimationDrawable.start();
        }
        return true;
    }
}

 

3.通過xml布局文件實現Frame Animation動畫

　　逐幀動畫的實現，也可以通過xml布局文件來完成。xml文件可以存放在工程的res/anim目錄下。

　　Frame動畫的xml文件常用屬性如下：

android:drawable[drawable]//加載Drawable對象

android:duration[long]//每一幀動畫的持續時間（單位ms）

android:oneshot[boolean]//動畫是否只運行一次，true運行一次，false重復運行

android:visible[boolean]//Drawable對象的初始能見度狀態，true可見，false不可見（默認為false）

　　使用xml來實現Frame動畫時，首先可以通過setBackgroundResource()方法來加載xml動畫布局文件，然后通過getBackground()方法獲得動畫，再通過setBackgroundDrawable()方法設置要顯示的動畫，最后通過start()方法來播放動畫即可。

 　　具體實現只需將FrameView.java源代碼稍加改動即可，具體源代碼如下：

package com.example.android_frameanimation;

import android.content.Context;
import android.graphics.Canvas;
import android.graphics.drawable.AnimationDrawable;
import android.graphics.drawable.Drawable;
import android.view.KeyEvent;
import android.view.View;
import android.widget.ImageView;

public class FrameView extends View {

    AnimationDrawable mAnimationDrawable;   //AnimationDrawable對象
    Drawable mDrawable;              //Drawable對象   
    Context mContext;                      //Context對象
    
    public FrameView(Context context) {
        super(context);            
        mContext = context;

        //使用xml文件實現幀動畫效果    
        ImageView mImageView = new ImageView(mContext);
        mImageView.setBackgroundResource(R.anim.frameanimation);
        mAnimationDrawable = (AnimationDrawable) mImageView.getBackground();
        this.setBackgroundDrawable(mAnimationDrawable);
        
        mAnimationDrawable.setOneShot(false);
        this.setBackgroundDrawable(mAnimationDrawable);
    }
    
    public void onDraw(Canvas canvas) {
        super.onDraw(canvas);
    }
    
    //按鍵按下事件響應
    public boolean onKeyDown(int keyCode, KeyEvent event) {
        if (keyCode == KeyEvent.KEYCODE_DPAD_CENTER) {              //按下中鍵開始動畫
            mAnimationDrawable.start();
        }
        return true;
    }
}

　　此外，還需要補充一個frameanimation.xml文件，具體源代碼如下：

<?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/image1"    android:duration="1000"    />
    <item android:drawable="@drawable/image2"    android:duration="1000"    />
    <item android:drawable="@drawable/image3"    android:duration="1000"    />
    <item android:drawable="@drawable/image4"    android:duration="1000"    />
    <item android:drawable="@drawable/image5"    android:duration="1000"    />
    <item android:drawable="@drawable/image6"    android:duration="1000"    />
    <item android:drawable="@drawable/image7"    android:duration="1000"    />
    <item android:drawable="@drawable/image8"    android:duration="1000"    />
    <item android:drawable="@drawable/image9"    android:duration="1000"    />
    <item android:drawable="@drawable/image10"    android:duration="1000"    />
    <item android:drawable="@drawable/image11"    android:duration="1000"    />
    <item android:drawable="@drawable/image12"    android:duration="1000"    />
    <item android:drawable="@drawable/image13"    android:duration="1000"    />
    <item android:drawable="@drawable/image14"    android:duration="1000"    />
    <item android:drawable="@drawable/image15"    android:duration="1000"    />
    
</animation-list>

 

 

相關資料：

詳解Android動畫之Frame Animation  http://blog.csdn.net/liuhe688/article/details/6657776