寫一篇文章很辛苦啊！！！

轉載請註明，聯絡請郵件[email protected]

我學習Android都是結合原始碼去學習，這樣比較直觀，非常清楚的看清效果，覺得很好，今天的學習原始碼是網上找的個AnimationTest 原始碼 百度搜就知道很多下載的地方  網上原始碼的名字叫：序列幀動畫,開始,結束監聽的解決.zip

監聽事件非常的常見  也經常用   我們一般都是利用系統裡面的方法去實現    

監聽事件可以是觸控（一般是按下，拖動，鬆開）  可以是點選（點選事件是指你設定了一個按鈕或者圖片等）

但是當你自己去定義一個View的時候，這個時候介面就需要你自己去定義了  

系統自定義定義的widget都是有相應的監聽事件的處理，但是你自己定義了一個widget  就需要去自己寫出來了，

這節將的就是當我們繼承View實現了動畫的展示，但是我們需要去監聽這個動畫並有操作該怎麼辦？該怎麼去寫這樣的函式

其實它的原理跟前面的文章：26個字母的列表實現是一樣的 點選我檢視

根據前面的例子我們知道一般步驟是這樣的：

1.自己定義一個類  讓它繼承Android.view.View   

2.過載這個類的建構函式，然後處理OnDraw（）函式  

3.如果我們想要自己定義的檢視能夠被監聽，是需要再類中新增監聽介面（定義方法不實現）

4.如果想要這個自定義的檢視實現監聽，在activity中，那麼首先需要把它  放在  佈局檔案中，也就是你需要在layout中有定義

做法一般是這樣的：

<com.wust.citylist.activity.MyLetterListView  
    android:id="@+id/cityLetterListView"  
    android:layout_width="30dip"  
    android:layout_height="fill_parent"  
    android:layout_alignParentRight="true"  
    android:background="#40000000" />  

  看到沒有  我們只關心 這句話：com.wust.citylist.activity.MyLetterListView

這樣做就把我們自己定義的檢視當做一個控制元件顯示在佈局上了，這個時候我們就可以去處理它的監聽事件了

5.接下來就在實現這個佈局檔案的activity類中去實現這個介面中的函式就可以了  也就是過載  

上面的步驟應該說的夠清楚了，接下來我們就來看看  幀動畫事件的監聽處理

一. 定義自己的檢視

import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.os.Handler;
import android.util.AttributeSet;
import android.widget.ImageView;

public class AnimationImageView extends ImageView {

	public AnimationImageView(Context context) {
		super(context);
		// TODO Auto-generated constructor stub
	}

	public AnimationImageView(Context context, AttributeSet attrs, int defStyle) {
		super(context, attrs, defStyle);
		// TODO Auto-generated constructor stub
	}

	public AnimationImageView(Context context, AttributeSet attrs) {
		super(context, attrs);
		// TODO Auto-generated constructor stub
	}

	public interface OnFrameAnimationListener{
		/**
		 * 動畫開始播放後呼叫
		 */
		void onStart();
		/**
		 * 動畫結束播放後呼叫
		 */
		void onEnd();
	}
	
	/**
	 * 不帶動畫監聽的播放
	 * @param resId
	 */
	public void loadAnimation(int resId){
		setImageResource(resId);
		AnimationDrawable anim = (AnimationDrawable)getDrawable();
		anim.start();
	}
	
	/**
	 * 帶動畫監聽的播放
	 * @param resId
	 * @param listener
	 */
	public void loadAnimation(int resId, final OnFrameAnimationListener listener) {
		setImageResource(resId);
		AnimationDrawable anim = (AnimationDrawable)getDrawable();
		anim.start();
		if(listener != null){
			// 呼叫回撥函式onStart
			listener.onStart();
		}
		
		// 計算動態圖片所花費的事件
		int durationTime = 0;
        for (int i = 0; i < anim.getNumberOfFrames(); i++) {
            durationTime += anim.getDuration(i);
        }
        
        // 動畫結束後
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {
			
			@Override
			public void run() {
				if(listener != null){
					// 呼叫回撥函式onEnd
					listener.onEnd();
				}
			}
		}, durationTime);
	}
	
}

code說明：

1.第一個這個類是繼承ImageView  ,上篇文章我們是直接繼承View的

2.建構函式 處理 這裡不需要我們關係：右鍵 source  ->generate constructors from superclass....  然後全部勾選就可以了

3.監聽事件的介面：

public interface OnFrameAnimationListener{
/**
* 動畫開始播放後呼叫
*/
void onStart();
/**
* 動畫結束播放後呼叫
*/
void onEnd();
}

這個就是像我們的生命週期一樣，當建立之後可以做哪些操作，結束之後有可以做哪些操作，至於怎麼操作需要你自己再去重寫

4.當這些做完了，我們就需要把動畫載入到檢視上去了，而載入到檢視上是怎麼實現的呢？

它是先從檔案中把圖片載入到動畫這個類上，然後再有這個類放在檢視上，就想上篇文章，我們定義一個Movie類一樣，不過這裡是 AnimationDrawable,

首先我們來看看官方API是怎麼樣介紹的：

Class Overview

An object used to create frame-by-frame animations, defined by a series of Drawable objects, which can be used as a View object's background.

The simplest way to create a frame-by-frame animation is to define the animation in an XML file, placed in the res/drawable/ folder, and set it as the background to a View object. Then, call run() to start the animation.

An AnimationDrawable defined in XML consists of a single <animation-list> element, and a series of nested <item> tags. Each item defines a frame of the animation.

我們只看類概述：

該物件是用來建立序列幀動畫的（一幀接一幀動畫），這些系列幀動畫是通過一系列可以繪製的物件來定義的，

而這些可以繪製的物件能夠被作為一個View物件的背景。

建立系列幀動畫最簡單的方法就是在XML檔案中去定義動畫，把它們放在資料夾下，res/drawable/folder(folder是可以自己定義的，也可以不要這個檔案)，把他們設定為一個檢視物件的背景。然後，呼叫函式run()去啟動動畫

一個AnimationDrawable(可繪製動畫) 是在XML中定義的，它通常是這樣定義的（由下面的這些組成）：在xml檔案中

根節點是<animation-list>,子節點是<item>，每一個<item>定義動畫的的一幀（也就是一幀動畫）

看看官方給出的例子：

See the example below.

spin_animation.xml file in res/drawable/ folder:

<!-- Animation frames are wheel0.png -- wheel5.png files inside the
 res/drawable/ folder --><animation-listandroid:id="selected"android:oneshot="false"><itemandroid:drawable="@drawable/wheel0"android:duration="50"/><itemandroid:drawable="@drawable/wheel1"android:duration="50"/><itemandroid:drawable="@drawable/wheel2"android:duration="50"/><itemandroid:drawable="@drawable/wheel3"android:duration="50"/><itemandroid:drawable="@drawable/wheel4"android:duration="50"/><itemandroid:drawable="@drawable/wheel5"android:duration="50"/></animation-list>

Here is the code to load and play this animation.

// Load the ImageView that will host the animation and// set its background to our AnimationDrawable XML resource.ImageView img =(ImageView)findViewById(R.id.spinning_wheel_image);
 img.setBackgroundResource(R.drawable.spin_animation);// Get the background, which has been compiled to an AnimationDrawable object.AnimationDrawable frameAnimation =(AnimationDrawable) img.getBackground();// Start the animation (looped playback by default).
 frameAnimation.start()

注意到：

// Get the background, which has been compiled to an AnimationDrawable object.AnimationDrawable frameAnimation =(AnimationDrawable) img.getBackground();

()Return the view's drawable, or null if no drawable has been assigned.

getBackground()和getDrawable有什麼區別呢？你可以它的解釋， // 得到背景，這個背景已經被編譯成為一個AnimationDrawable物件 這個是一個繼承的方法。 但是兩個人返回的物件是一樣的。我們看上面的類介紹可以看到    AnimationDrawable是繼承Drawable類的： 通過API的學習我們知道了要想利用這個AnimationDrawable我們必須先去定義一些XML檔案，每一個xml檔案描述的就是動畫要顯示的內容，該動畫的每一幀動畫內容是有<item>來定義的，以及顯示的時長，既然這樣，我們就必須先去了解這樣的xml檔案有哪些屬性是可以設定的呢？ 再看看官方的API:

XML Attributes
Attribute Name	Related Method	Description
Reference to a drawable resource to use for the frame.
Amount of time (in milliseconds) to display this frame.
If true, the animation will only run a single time and then stop.
If true, allows the drawable's padding to change based on the current state that is selected.
Provides initial visibility state of the drawable; the default value is false.

我們要關係的就是三個屬性： 1.android:drawable  ：引用一個可以繪製的資源來描述該幀  它是定義在item中的 2.android:duration   ：動畫的時間長度，以毫秒為單位，來顯示該幀，  它是定義在item中的 3.android:oneshot   ：如果為true，那麼該動畫將執行執行一次，然後停止  它是定義在<animation-list>中的 瞭解了這些，我們接下來就需要去寫自己的動畫了，使用XML：

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

    <item
        android:drawable="@drawable/besg00042"
        android:duration="150">
    </item>
    <item
        android:drawable="@drawable/besg00041"
        android:duration="150">
    </item>

</animation-list>

這樣做了之後，我們再回來這個函式的處理： 看下面的函式 public void loadAnimation(int resId){// 引數resID是資原始檔對應的id setImageResource(resId);//用這個id對應的檔案來佈置ImageView檢視的內容，也就是當前我們繼承的AnimationView類， AnimationDrawable anim = (AnimationDrawable)getDrawable();//得到一個AnimationDrawable物件 anim.start();//然後啟動動畫 } 上面的函式就是上面的，如果沒有監聽事件，就這樣寫，但是如果有監聽事件的話，我們是怎麼讓這些動畫載入到檢視上去的呢？ 我們繼續往下分析： /**
* 帶動畫監聽的播放
* @param resId
* @param listener  注意到這裡一個final來修飾這個引數，因為我們的介面是內部定義的，如果不這樣  *  定義是會出錯的。
*/
public void loadAnimation(int resId, final OnFrameAnimationListener listener) {
setImageResource(resId);
AnimationDrawable anim = (AnimationDrawable)getDrawable();
anim.start(); //到這裡為止，思路跟沒有監聽的思路是一致的，那麼有了監聽事件就繼續往下走
if(listener != null){//如果有監聽事件的話，那麼馬上去呼叫監聽事件的處理函式，也就是監聽被 //觸發了
// 呼叫回撥函式onStart
listener.onStart();//這個函式是介面中定義但沒有被實現的方法，到底要執行什麼，需要去 //activity類中去過載它
}

// 計算動態圖片所花費的時間
int durationTime = 0;
      for (int i = 0; i < anim.getNumberOfFrames(); i++) {
           durationTime += anim.getDuration(i);
       }
        
        // 動畫結束後
        Handler handler = new Handler();
        handler.postDelayed(new Runnable() {

@Override
public void run() {
if(listener != null){
// 呼叫回撥函式onEnd
listener.onEnd();
}
}
}, durationTime);
}

public int getDuration (int i)

Returns

• The duration in milliseconds of the frame at the specified index

返回值：指定的幀動畫的時間

public int getNumberOfFrames ()

Returns

• The number of frames in the animation

返回值：動畫的幀數（也就是一個xml檔案對應有多少幀（item的個數）） 到這裡為止，這個類的作用和函式我們都基本掌握了，接下來就是如何在activity中去實現它呢？ 二。按照上面的步驟，當這個自定義的檢視View物件定義好之後，想要在activity中處理它的監聽事件，必須把它放到佈局檔案中去，那麼我們就在佈局檔案中去定義它     <com.wust.animationtest.ui.AnimationImageView
        android:id="@+id/anim_view"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content" />
三。當在main.xml定義好之後，我們需要去處理activity類了： 1.在onCreate（Bundle )類中先去載入這個佈局 @Override
protected void onCreate(Bundle savedInstanceState) {
// TODO Auto-generated method stub
super.onCreate(savedInstanceState);
setContentView(R.layout.main);//載入佈局
initView();//初始化    這裡主要是找到佈局檔案中的各個控制元件
setListener();//設定監聽事件 這種寫法就是讓當前的類去實現implements OnClickListener
}
private void initView() {
// TODO Auto-generated method stub
anim_view = (AnimationImageView) findViewById(R.id.anim_view);//找到這個控制元件
attack = (Button) this.findViewById(R.id.attack);
defense = (Button) this.findViewById(R.id.defense);
// 載入預設的動態圖
anim_view.loadAnimation(R.drawable.anim_idle);首先是讓當前的檢視就有動畫，初始化動畫
}
private void setListener() {
// TODO Auto-generated method stub
attack.setOnClickListener(this);
defense.setOnClickListener(this);
}
接下來就是用按鈕的點選事件來實現對動畫的監聽： @Override
public void onClick(View v) {
// TODO Auto-generated method stub
switch (v.getId()) {
case R.id.attack:
// 如果點選了該按鈕，載入帶監聽的動態圖  播放攻擊動作   // 注意到這個引數，是一個內部類的形式
anim_view.loadAnimation(R.drawable.anim_attack,
new OnFrameAnimationListener() {

@Override
public void onStart() {
// 動畫剛播放時 // 可以載入你自己的程式碼，也即是使用者點選了攻擊按鈕，你想幹什麼
}
@Override
public void onEnd() {
// 動畫結束播放時
// 還原回預設動態圖  讓檢視的背景重新返回初始化時設定的樣子
anim_view.loadAnimation(R.drawable.anim_idle);
}
});
break;
case R.id.defense:
// 載入帶監聽的動態圖 防禦動作
anim_view.loadAnimation(R.drawable.anim_defense,
new OnFrameAnimationListener() {
@Override
public void onStart() {
// 動畫剛播放時
}
@Override
public void onEnd() {
// 動畫結束播放時

// 還原回預設動態圖
anim_view.loadAnimation(R.drawable.anim_idle);
}
});
break;
}

}
至此activity也就完成了，接下來去配置下清單檔案就可以部署了， 我們看看效果圖：
關於動畫還有其他的方式，這裡就先不講了，下次有機會再學習。