Android 用Animation-list實現逐幀動畫

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

圖片素材：

文件名稱：

icon1.png

icon1.png

icon1.png

icon1.png

icon1.png

icon1.png

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

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

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>

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>

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">
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"/>
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="順序顯示" />
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="停止" />
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="倒序顯示" />
31. </LinearLayout>

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

1. package org.shuxiang.test;
3. import android.app.Activity;
4. import android.graphics.drawable.AnimationDrawable;
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;
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);
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);
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. }
40. });
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. }
51. });
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. }