android.graphics.Movie

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

参考例子在ApiDemos中的BitmapDecode中。

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

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

  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中也要加上:
  1. <resources>  
  2.     <declare-styleable name="GIFView">  
  3.         <attr name="gif" format="reference"  />  
  4.     </declare-styleable>  
  5. </resources>  



然后是代码,没几行的:

  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中,这样即可:

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

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


  • 0
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 12
    评论
评论 12
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值