Android(安卓)APIDemos 研读之一：android.graphics.Movie

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

参考例子在ApiDemos中的BitmapDecode中。

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

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

<cn.sharetop.android.view.GIFView android:id="@+id/gif" android:layout_gravity="center_horizontal" android:layout_width="278px" android:layout_height="183px" android:scaleType="fitXY" app:gif="@drawable/a" android:src="@drawable/a" />

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

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

<resources> <declare-styleable name="GIFView"> <attr name="gif" format="reference" /> </declare-styleable></resources>

然后是代码，没几行的：

public class GIFView extends ImageView { private static final String TAG="GIFView"; private Movie mMovie; private long mMovieStart; //此处省略几个构造函数 //...... //主要的构造函数 public GIFView(Context context, AttributeSet attrs, int defStyle) { super(context, attrs, defStyle); // TODO Auto-generated constructor stub mMovie=null; mMovieStart=0; //从描述文件中读出gif的值，创建出Movie实例 TypedArray a = context.obtainStyledAttributes(attrs, R.styleable.GIFView, defStyle, 0); int srcID=a.getResourceId(R.styleable.GIFView_gif, 0); if(srcID>0){ InputStream is = context.getResources().openRawResource(srcID); mMovie = Movie.decodeStream(is); } a.recycle(); } //主要的工作是重载onDraw @Override protected void onDraw(Canvas canvas) { // TODO Auto-generated method stub //super.onDraw(canvas); //当前时间 long now = android.os.SystemClock.uptimeMillis(); //如果第一帧，记录起始时间 if (mMovieStart == 0) { // first time mMovieStart = now; } if (mMovie != null) { //取出动画的时长 int dur = mMovie.duration(); if (dur == 0) { dur = 1000; } //算出需要显示第几帧 int relTime = (int)((now - mMovieStart) % dur); //Log.d(TAG,"---onDraw..."+mMovie.toString()+",,,,"+relTime); //设置要显示的帧，绘制即可 mMovie.setTime(relTime); mMovie.draw(canvas,0,0); invalidate(); } } }

代码中已有注释，就不多说了。我的理解是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中，这样即可：

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

更多相关文章

随机推荐