android動畫(一)逐幀動畫

逐幀動畫：連續播放每一張圖檔，類似卡通片，實作動畫效果

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

圖檔素材：
檔案名稱：	icon1.png	icon2.png	icon3.png	icon4.png	icon5.png	icon6.png

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

順序顯示動畫檔案：animation1.xml

[html]  view plain  copy  

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>  

倒序顯示動畫檔案：animation2.xml

[html]  view plain  copy  

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>  

第三步：上布局檔案，放在res/layout目錄下，檔案名main.xml：

[html]  view plain  copy  

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.     <ImageView android:id="@+id/animationIV"  
7.             android:layout_width="wrap_content"  
8.             android:layout_height="wrap_content"  
9.             android:padding="5px"  
10.             android:src="@drawable/animation1"/>   
11.     <Button android:id="@+id/buttonA"  
12.         android:layout_width="wrap_content"  
13.         android:layout_height="wrap_content"  
14.         android:padding="5px"  
15.         android:text="順序顯示" />  
16.     <Button android:id="@+id/buttonB"  
17.         android:layout_width="wrap_content"  
18.         android:layout_height="wrap_content"  
19.         android:padding="5px"  
20.         android:text="停止" />  
21.     <Button android:id="@+id/buttonC"  
22.         android:layout_width="wrap_content"  
23.         android:layout_height="wrap_content"  
24.         android:padding="5px"  
25.         android:text="倒序顯示" />  
26. </LinearLayout>  

第四步：上Activity檔案，檔案名：MainActivity.Java

[java]  view plain  copy  

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

轉載：http://blog.csdn.net/aminfo/article/details/7847761