Android中显示动画的GIF-Movie类解决方案

泡在网上的日子 / 文 发表于2014-09-21 14:50 次阅读 gif

首先看看GIF文件的存储结构和动画原理–>[[转]GIF图片的文件储存结构和动画原理](http://blog.sina.com.cn/s/blog_571296860100jvhz.html)

以及已知的两种解决方案–>Android & how to use animated GIF

Github上还算可以的开源项目–>gif-movie-view

但实际使用的时候,还是有些小问题,比如

我们的GIF不全是本地已经存在的,可能是从文件加载,或者是网络下载的,这时候在使用Movie.decodeStream(InputStream is)时会遇到

我的做法是统一使用Movie.decodeByteArray(byte[] b) 类方法,可以避免很多麻烦,下载 gif-movie-view
项目,并在GifMovieView中添加

1
2
3
4
publicvoidsetMovieByteArray(byte[] bb) {
mMovie = Movie.decodeByteArray(bb, 0, bb.length);
requestLayout();
}

假如我们显示GIF的时候是异步的,那么在还没有显示时,GifMovieView不占据任何空间,完成加载后整个界面会重绘,因为GifMovieView重载的onMeasure()函数是这样子的:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
@Override
protectedvoidonMeasure(intwidthMeasureSpec, intheightMeasureSpec) {
if(mMovie != null) {
intmovieWidth = mMovie.width();
intmovieHeight = mMovie.height();
/*
* Calculate horizontal scaling
*/
floatscaleH = 1f;
intmeasureModeWidth = MeasureSpec.getMode(widthMeasureSpec);
if(measureModeWidth != MeasureSpec.UNSPECIFIED) {
intmaximumWidth = MeasureSpec.getSize(widthMeasureSpec);
if(movieWidth > maximumWidth) {
scaleH = (float) movieWidth / (float) maximumWidth;
}
}
/*
* calculate vertical scaling
*/
floatscaleW = 1f;
intmeasureModeHeight = MeasureSpec.getMode(heightMeasureSpec);
if(measureModeHeight != MeasureSpec.UNSPECIFIED) {
intmaximumHeight = MeasureSpec.getSize(heightMeasureSpec);
if(movieHeight > maximumHeight) {
scaleW = (float) movieHeight / (float) maximumHeight;
}
}
/*
* calculate overall scale
*/
mScale = 1f / Math.max(scaleH, scaleW);
mMeasuredMovieWidth = (int) (movieWidth * mScale);
mMeasuredMovieHeight = (int) (movieHeight * mScale);
setMeasuredDimension(mMeasuredMovieWidth, mMeasuredMovieHeight);
} else{
/*
* No movie set, just set minimum available size.
*/
setMeasuredDimension(getSuggestedMinimumWidth(),getSuggestedMinimumHeight());
}
}

我们知道setMeasuredDimension(int width,int height);将指定View在父容器里占据的width,和height,假如你们的业务逻辑在得到GIF文件的URL同时,还能获得它的width和height,并且这里你不希望调用requestLayout()函数重绘,做了如下修改

1
setMeasuredDimension(mWidth,mHeight);  //mWidth, mHeight 是已知Gif的宽高

这个时候可能连显示也不正常了! 可能是因为父容器判断GifMovieView大小并没有发生改变,这样的话就不调用onLayout() 和 onDraw() 函数,也就没有开始GIF的动画循环,所以就是一片空白. 有待考证.

另外还有些注意点 比如API 11 之后不能使用硬件渲染:

1
2
3
4
5
6
7
/**
* Starting from HONEYCOMB have to turn off HW acceleration to draw
* Movie on Canvas.
*/
if(Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
setLayerType(View.LAYER_TYPE_SOFTWARE, null);
}

总结:
Movie的坑还是很多的,不像成品类库,相对于WebView来显示GIF的优势是轻量级,更易管理.


收藏 赞 (0) 踩 (0)
上一篇:实现一个与内容合二为一的ActionBar动画效果
实现一个与内容合二为一的ActionBar动画效果,让你的actionbar更生动。下面是效果图: 这种效果的好处是让actionbar也成为了内容的一部分,实际应用的效果比图片展示的效果要好,除了actionbar渐渐出现的效果外,背景图片还有一种称之为 Ken Burns effect 的
下一篇:tools:context=".MainActivity的作用
TextView android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_centerHorizontal="true" android:layout_centerVertical="true" android:text="@string/hello_world" tools:context=".MainActivity" / 一直对于 tools