GIF---MOVIE
2014-08-29 21:37
176 查看
如何在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中,这样即可:
<resources>
<declare-styleable
name="GIFView">
<attr
name="android:src"
/>
</declare-styleable>
</resources>
然后在main.xml中就不再需要gif这个属性,直接用src就可以了。
但是其实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中,这样即可:
<resources>
<declare-styleable
name="GIFView">
<attr
name="android:src"
/>
</declare-styleable>
</resources>
然后在main.xml中就不再需要gif这个属性,直接用src就可以了。
相关文章推荐
- 动态图片 Movie android-gif-drawable GifView
- Android加载Gif图片的一般方法:Movie实现
- Android加载Gif图片的一般方法:Movie实现
- Android开发中关于Movie导入GIF图片异常的问题
- Android通过Movie展示Gif格式图片
- GIF Movie Gear V4.1.2(含注册机)(gif图片编辑工具,很好用)
- GIF Movie Gear V4.2.3 破解版
- 播放gif控件 GifMovieView.java
- GIF Movie Gear - GIF制作编辑
- Movie播放Gif,完美实现屏幕适配
- Android API Demo系列之---播放Gif动画的类Movie
- Android中使用Movie显示gif动态图
- android使用movie显示gif图片的自定义view
- Android采用Movie播放GIF动画
- 制作gif工具GIF Movie Gear
- 使用Movie播放Gif图片
- Gif Movie Gear
- GIF Movie Gear 4.12 版本出炉了
- Movie播放gif图片出现的问题
- GIF Movie Gear 4.12 版本出炉了