玩转Android---2D图形及动画---Frame动画

原址：http://hualang.iteye.com/category/143855

Frame动画其实就是逐帧动画，用法也比Tween动画简单，只需要创建一个AnimationDrawable对象来表示Frame动画，然后通过addFrame方法把每一帧要显示的内容加进去就行了，最后通过start方法就可以播放这个动画了，通过还可以使用

setOneShot()方法来设置动画是否重复播放。

再这里，还需要设置图片的所在位置，首先要在res/anim目录下创建一个xml配置文件，用于存放图片资源的索引，配置的是

一个以<animation-list>根原素和<item>子元素

 

下面用3种方式来实现这个Frame动画

第一种：直接继承Activity，使用<animation-list>列表来实现

main.xml

Java代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:orientation="vertical"  
4.     android:layout_width="fill_parent"  
5.     android:layout_height="fill_parent"  
6.     >  
7. <TextView    
8.     android:layout_width="fill_parent"   
9.     android:layout_height="wrap_content"   
10.     android:text="逐帧动画"  
11.     />  
12. <LinearLayout  
13.     android:layout_width="match_parent"  
14.     android:layout_height="wrap_content"  
15.     android:orientation="horizontal">  
16.     <Button  
17.         android:id="@+id/start"  
18.         android:layout_width="150dp"  
19.         android:layout_height="wrap_content"  
20.         android:text="开始播放动画"/>  
21.     <Button  
22.         android:id="@+id/stop"  
23.         android:layout_width="150dp"  
24.         android:layout_height="wrap_content"  
25.         android:text="停止播放动画"/>  
26. </LinearLayout>  
27.   
28. <ImageView  
29.     android:id="@+id/imgview"  
30.     android:layout_width="wrap_content"  
31.     android:layout_height="wrap_content"  
32.     android:layout_gravity="center_horizontal"  
33.     android:background="@anim/birthday"  
34. />  
35. </LinearLayout>  

 res/anim/birthday.xml

Java代码  

1. <?xml version="1.0" encoding="utf-8"?>  
2. <animation-list xmlns:android="http://schemas.android.com/apk/res/android"  
3.     android:oneshot="true">  
4.     <item android:drawable="@drawable/birthday1" android:duration="300"/>  
5.     <item android:drawable="@drawable/birthday2" android:duration="300"/>  
6.     <item android:drawable="@drawable/birthday3" android:duration="300"/>  
7.     <item android:drawable="@drawable/birthday4" android:duration="300"/>  
8.     <item android:drawable="@drawable/birthday5" android:duration="300"/>  
9.     <item android:drawable="@drawable/birthday6" android:duration="300"/>  
10.     <item android:drawable="@drawable/birthday7" android:duration="300"/>  
11.     <item android:drawable="@drawable/birthday8" android:duration="300"/>  
12.     <item android:drawable="@drawable/birthday9" android:duration="300"/>  
13. </animation-list>  

 FramesActivity.java

Java代码  

1. package com.loulijun.frames;  
2.   
3. import android.app.Activity;  
4. import android.graphics.drawable.AnimationDrawable;  
5. import android.os.Bundle;  
6. import android.view.View;  
7. import android.widget.Button;  
8. import android.widget.ImageView;  
9.   
10. public class FramesActivity extends Activity {  
11.     private AnimationDrawable frameanim;  
12.     private Button start,stop;  
13.     private ImageView img;  
14.     @Override  
15.     public void onCreate(Bundle savedInstanceState) {  
16.         super.onCreate(savedInstanceState);  
17.         setContentView(R.layout.main);  
18.         img = (ImageView)findViewById(R.id.imgview);  
19.         start = (Button)findViewById(R.id.start);  
20.         stop = (Button)findViewById(R.id.stop);  
21.         //获得背景色，并转换为AnimationDrawable对象  
22.         frameanim = (AnimationDrawable)img.getBackground();  
23.           
24.         //为按钮添加监听事件  
25.         start.setOnClickListener(new Button.OnClickListener()  
26.         {  
27.   
28.             @Override  
29.             public void onClick(View v) {  
30.                 //开始动画  
31.                 frameanim.start();  
32.             }  
33.               
34.         });  
35.           
36.         stop.setOnClickListener(new Button.OnClickListener()  
37.         {  
38.   
39.             @Override  
40.             public void onClick(View v) {  
41.                 // 停止动画  
42.                 frameanim.stop();  
43.             }  
44.               
45.         });  
46.     }  
47. }  

 效果如下：具体自己下载运行，我只截了一张图，没有做成gif的图片