Android 用Animation-list實現逐幀動畫

第一步：先上圖片素材，如下素材放到res/drawable目錄下：

http://blog.csdn.net/aminfo/article/details/7847761

圖片素材：
文件名稱：	icon1.png	icon1.png	icon1.png	icon1.png	icon1.png	icon1.png

第二步：上動畫Animation-list幀佈局文件，有2個，一個是按順序顯示動畫，一個是倒序顯示動畫，文件存放在res/drawable目錄下

順序顯示動畫文件：animation1.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <!--   
3.     根標籤爲animation-list，其中oneshot表明着是否只展現一遍，設置爲false會不停的循環播放動畫  
4.     根標籤下，經過item標籤對動畫中的每個圖片進行聲明  
5.     android:duration 表示展現所用的該圖片的時間長度  
6.  -->  
7. <animation-list  
8.   xmlns:android="http://schemas.android.com/apk/res/android"  
9.   android:oneshot="true"  
10.   >  
11.     <item android:drawable="@drawable/icon1" android:duration="150"></item>  
12.     <item android:drawable="@drawable/icon2" android:duration="150"></item>  
13.     <item android:drawable="@drawable/icon3" android:duration="150"></item>  
14.     <item android:drawable="@drawable/icon4" android:duration="150"></item>  
15.     <item android:drawable="@drawable/icon5" android:duration="150"></item>  
16.     <item android:drawable="@drawable/icon6" android:duration="150"></item>  
17. </animation-list>  

<?xml version="1.0" encoding="utf-8"?>
<!-- 
	根標籤爲animation-list，其中oneshot表明着是否只展現一遍，設置爲false會不停的循環播放動畫
	根標籤下，經過item標籤對動畫中的每個圖片進行聲明
	android:duration 表示展現所用的該圖片的時間長度
 -->
<animation-list
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="true"
  >
  	<item android:drawable="@drawable/icon1" android:duration="150"></item>
  	<item android:drawable="@drawable/icon2" android:duration="150"></item>
  	<item android:drawable="@drawable/icon3" android:duration="150"></item>
  	<item android:drawable="@drawable/icon4" android:duration="150"></item>
  	<item android:drawable="@drawable/icon5" android:duration="150"></item>
  	<item android:drawable="@drawable/icon6" android:duration="150"></item>
</animation-list>

倒序顯示動畫文件：animation2.xml

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <!--   
3.     根標籤爲animation-list，其中oneshot表明着是否只展現一遍，設置爲false會不停的循環播放動畫  
4.     根標籤下，經過item標籤對動畫中的每個圖片進行聲明  
5.     android:duration 表示展現所用的該圖片的時間長度  
6.  -->  
7. <animation-list  
8.   xmlns:android="http://schemas.android.com/apk/res/android"  
9.   android:oneshot="true"  
10.   >  
11.     <item android:drawable="@drawable/icon6" android:duration="150"></item>  
12.     <item android:drawable="@drawable/icon5" android:duration="150"></item>  
13.     <item android:drawable="@drawable/icon4" android:duration="150"></item>  
14.     <item android:drawable="@drawable/icon3" android:duration="150"></item>  
15.     <item android:drawable="@drawable/icon2" android:duration="150"></item>  
16.     <item android:drawable="@drawable/icon1" android:duration="150"></item>  
17. </animation-list>  

<?xml version="1.0" encoding="utf-8"?>
<!-- 
	根標籤爲animation-list，其中oneshot表明着是否只展現一遍，設置爲false會不停的循環播放動畫
	根標籤下，經過item標籤對動畫中的每個圖片進行聲明
	android:duration 表示展現所用的該圖片的時間長度
 -->
<animation-list
  xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="true"
  >
  	<item android:drawable="@drawable/icon6" android:duration="150"></item>
  	<item android:drawable="@drawable/icon5" android:duration="150"></item>
  	<item android:drawable="@drawable/icon4" android:duration="150"></item>
  	<item android:drawable="@drawable/icon3" android:duration="150"></item>
  	<item android:drawable="@drawable/icon2" android:duration="150"></item>
  	<item android:drawable="@drawable/icon1" android:duration="150"></item>
</animation-list>

第三步：上佈局文件，放在res/layout目錄下，文件名main.xml：

[html] view plain copy print ?

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.    android:layout_width="fill_parent"  
4.    android:layout_height="fill_parent"  
5.    android:orientation="vertical">  
6.      
7.     <ImageView android:id="@+id/animationIV"  
8.             android:layout_width="wrap_content"  
9.             android:layout_height="wrap_content"  
10.             android:padding="5px"  
11.             android:src="@drawable/animation1"/>   
12.               
13.     <Button android:id="@+id/buttonA"  
14.         android:layout_width="wrap_content"  
15.         android:layout_height="wrap_content"  
16.         android:padding="5px"  
17.         android:text="順序顯示" />  
18.       
19.     <Button android:id="@+id/buttonB"  
20.         android:layout_width="wrap_content"  
21.         android:layout_height="wrap_content"  
22.         android:padding="5px"  
23.         android:text="中止" />  
24.       
25.     <Button android:id="@+id/buttonC"  
26.         android:layout_width="wrap_content"  
27.         android:layout_height="wrap_content"  
28.         android:padding="5px"  
29.         android:text="倒序顯示" />  
30.   
31. </LinearLayout>  

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
   android:layout_width="fill_parent"
   android:layout_height="fill_parent"
   android:orientation="vertical">
   
	<ImageView android:id="@+id/animationIV"
	    	android:layout_width="wrap_content"
	    	android:layout_height="wrap_content"
	    	android:padding="5px"
	    	android:src="@drawable/animation1"/> 
	    	
	<Button android:id="@+id/buttonA"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="5px"
	    android:text="順序顯示" />
	
	<Button android:id="@+id/buttonB"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="5px"
	    android:text="中止" />
	
	<Button android:id="@+id/buttonC"
	    android:layout_width="wrap_content"
	    android:layout_height="wrap_content"
	    android:padding="5px"
	    android:text="倒序顯示" />

</LinearLayout>

第四步：上Activity文件，文件名：MainActivity.java

[java] view plain copy print ?

1. package org.shuxiang.test;  
2.   
3. import android.app.Activity;  
4. import android.graphics.drawable.AnimationDrawable;  
5.   
6. import android.os.Bundle;  
7. import android.view.View;  
8. import android.view.View.OnClickListener;  
9. import android.view.Window;  
10. import android.widget.Button;  
11. import android.widget.ImageView;  
12.   
13. public class Activity10 extends Activity  
14. {  
15.     private ImageView animationIV;  
16.     private Button buttonA, buttonB, buttonC;  
17.     private AnimationDrawable animationDrawable;  
18.     @Override  
19.     public void onCreate(Bundle savedInstanceState) {  
20.         super.onCreate(savedInstanceState);  
21.         requestWindowFeature(Window.FEATURE_NO_TITLE);  
22.         setContentView(R.layout.test10);  
23.          
24.           
25.         animationIV = (ImageView) findViewById(R.id.animationIV);  
26.         buttonA = (Button) findViewById(R.id.buttonA);  
27.         buttonB = (Button) findViewById(R.id.buttonB);  
28.         buttonC = (Button) findViewById(R.id.buttonC);  
29.           
30.         buttonA.setOnClickListener(new OnClickListener()  
31.         {  
32.             @Override  
33.             public void onClick(View v) {  
34.                 // TODO Auto-generated method stub   
35.                 animationIV.setImageResource(R.drawable.animation1);  
36.                 animationDrawable = (AnimationDrawable) animationIV.getDrawable();  
37.                 animationDrawable.start();  
38.             }  
39.               
40.         });   
41.           
42.         buttonB.setOnClickListener(new OnClickListener()  
43.         {  
44.             @Override  
45.             public void onClick(View v) {  
46.                 // TODO Auto-generated method stub   
47.                 animationDrawable = (AnimationDrawable) animationIV.getDrawable();  
48.                 animationDrawable.stop();  
49.             }  
50.               
51.         });  
52.           
53.         buttonC.setOnClickListener(new OnClickListener()  
54.         {  
55.             @Override  
56.             public void onClick(View v) {  
57.                 // TODO Auto-generated method stub   
58.                 animationIV.setImageResource(R.drawable.animation2);  
59.                 animationDrawable = (AnimationDrawable) animationIV.getDrawable();  
60.                 animationDrawable.start();  
61.             }             
62.         });          
63.     }  
64. }