Android APIDemos 研读之一：android.graphics.Movie

原创：http://blog.csdn.net/sharetop/article/details/5268419

如何在Android中显示GIF动画，有很多方法，比如可以使用J2ME平台上那个解码工具类，纯java的，拿来即可。
但是其实Android还是为我们提供了一个更为方便的工具：android.graphics.Movie。

参考例子在ApiDemos中的BitmapDecode中。

下面我只是简单地用它来实现一个自己的GIFView，以方便在各种需要使用GIF动画的场合使用。

为了简单，我让GIFView extends ImageView罢了。它在布局中的描述如下：

[xhtml]  view plain copy

1. <cn.sharetop.android.view.GIFView  
2.     android:id="@+id/gif"  
3.     android:layout_gravity="center_horizontal"  
4.     android:layout_width="278px"  
5.     android:layout_height="183px"  
6.     android:scaleType="fitXY"  
7.     app:gif="@drawable/a"  
8.     android:src="@drawable/a"  
9.     />  

与ImageView唯一的区别在于我加了一个gif属性，与src属性的值是一样的。不过它们需要同时存在，不可省略其中之一（后面我会说明为什么）。

注意因为gif属性，所以别忘了那个attr.xml中也要加上：

[xhtml]  view plain copy

1. <resources>  
2.     <declare-styleable name="GIFView">  
3.         <attr name="gif" format="reference"  />  
4.     </declare-styleable>  
5. </resources>  

然后是代码，没几行的：

[java]  view plain copy

1. public class GIFView extends ImageView {  
2.     private static final String TAG="GIFView";  
3.      
4.     private Movie mMovie;     
5.     private long mMovieStart;  
6.      
7.      
8.     //此处省略几个构造函数  
9.     //......  
10.     //主要的构造函数  
11.     public GIFView(Context context, AttributeSet attrs, int defStyle) {  
12.         super(context, attrs, defStyle);  
13.         // TODO Auto-generated constructor stub  
14.          
15.         mMovie=null;  
16.         mMovieStart=0;  
17.          
18.         //从描述文件中读出gif的值，创建出Movie实例  
19.         TypedArray a = context.obtainStyledAttributes(attrs,  
20.                 R.styleable.GIFView, defStyle, 0);  
21.          
22.         int srcID=a.getResourceId(R.styleable.GIFView_gif, 0);  
23.         if(srcID>0){  
24.             InputStream is = context.getResources().openRawResource(srcID);  
25.             mMovie = Movie.decodeStream(is);  
26.         }  
27.          
28.         a.recycle();  
29.     }  
30.     //主要的工作是重载onDraw  
31.     @Override  
32.     protected void onDraw(Canvas canvas) {  
33.         // TODO Auto-generated method stub  
34.         //super.onDraw(canvas);  
35.          
36.         //当前时间  
37.         long now = android.os.SystemClock.uptimeMillis();  
38.         //如果第一帧，记录起始时间  
39.         if (mMovieStart == 0) {   // first time  
40.               mMovieStart = now;  
41.         }  
42.         if (mMovie != null) {  
43.                   //取出动画的时长  
44.             int dur = mMovie.duration();  
45.                   if (dur == 0) {  
46.                       dur = 1000;  
47.                   }  
48.                   //算出需要显示第几帧  
49.             int relTime = (int)((now - mMovieStart) % dur);  
50.            
51.                   //Log.d(TAG,"---onDraw..."+mMovie.toString()+",,,,"+relTime);  
52.              //设置要显示的帧，绘制即可  
53.                   mMovie.setTime(relTime);  
54.             mMovie.draw(canvas,0,0);  
55.                   invalidate();  
56.         }         
57.     }  
58.          
59. }  

代码中已有注释，就不多说了。我的理解是Movie其实管理着GIF动画中的多个帧，只需要通过 setTime() 一下就可以让它在draw()的时候绘出相应的那帧图像。
通过当前时间与duration之间的换算关系，是很容易实现GIF动起来的效果。


最后，说一下为什么src与gif要同时存在了，因为我这个GIFView很简单，没有自己去onMeasure，所以要借助src让ImageView去计算它的尺寸和布局之类的事情。
只是在onDraw的时候，不显示src而已。

如果感兴趣的同学可以自己完善这个GIFView，比如以下两点：
1. 只需要一个gif属性，不要src了，或者直接使用src属性？
2. 如果在xml中没有指定gif/src的值，增加一些方法让用户可以通过代码设置gif和src的值

 

[补充]

 

刚才又觉得这段代码有修正的必要：

 

1. 关于如何直接使用src这个属性，仍是修改attr.xml中，这样即可：

 

[xhtml]  view plain copy

1. <resources>  
2.     <declare-styleable name="GIFView">  
3.         <attr name="android:src" />  
4.     </declare-styleable>  
5. </resources>  

 

然后在main.xml中就不再需要gif这个属性，直接用src就可以了。