转Android 用Animation-list实现逐帧动画

Android 用Animation-list实现逐帧动画

 

 

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

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

图片素材：
文件名称：	icon1.png	icon2.png	icon3.png	icon4.png	icon5.png	icon6.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>

倒序显示动画文件：animation2.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/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：

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

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. }