一般ImageView并不能播放gif动画。
此处播放gif动画的核心是:
1.将gif中的每一帧拿出来,然后使用Movie类的setTime()和draw()这两个方法来实时的画界面。
2.在ondraw中来处理这些绘制操作。进行逻辑推断,是否自己主动播放,假设不是自己主动播放的话就须要绘制一个開始button,同事设置画面定位到gif动画的第一帧
其它在代码中查看。主要类GifImageView.java凝视比較全。应该看懂问题不大。
注意的是,须要values目录下创建attrs,由于须要自己定义属性auto_play
package com.pzf.gifaniamtion;
import java.io.InputStream;
import java.lang.reflect.Field;
import android.content.Context;
import android.content.res.TypedArray;
import android.graphics.Bitmap;
import android.graphics.BitmapFactory;
import android.graphics.Canvas;
import android.graphics.Movie;
import android.os.SystemClock;
import android.text.method.MovementMethod;
import android.util.AttributeSet;
import android.util.TypedValue;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.ImageView;
/**
* 播放动画的主类
*
* @author pangzf
* @time 2014年10月14日 下午2:14:05
*/
public class GifImageView extends ImageView implements OnClickListener {
private Movie mMovie;//播放动画须要用到的。系统类
private int mImageWidth;//动画的imageview的宽度
private int mImageHeight;//动画imageview的高度
private long mMovieStart = 0;// 播放開始
private boolean isAutoPlay;//是否自己主动播放
private Bitmap mStartPlay;//開始button
private boolean isPlaying=false;//记录是否正在播放
public GifImageView(Context context, AttributeSet attrs, int defStyle) {
super(context, attrs, defStyle);
init(context, attrs);
}
public GifImageView(Context context, AttributeSet attrs) {
this(context, attrs, 0);
}
public GifImageView(Context context) {
super(context);
}
private void init(Context context, AttributeSet attrs) {
TypedArray attributes = context.obtainStyledAttributes(attrs,
R.styleable.GifImageView);
// 拿资源id
int resourceId = getResourceId(attributes, context, attrs);
if (resourceId != 0) {
// 说明是gif动画
// 1.将resourcesId变成流
// 2.用Move来decode解析流
// 3.获得bitmap的长宽
InputStream is = getResources().openRawResource(resourceId);
mMovie = Movie.decodeStream(is);
if (mMovie != null) {
Bitmap bitmap = BitmapFactory.decodeStream(is);
mImageWidth = bitmap.getWidth();
mImageHeight = bitmap.getHeight();
// 用完释放
bitmap.recycle();
// 获得是否同意自己主动播放,假设不同意自己主动播放。则初始化播放button
isAutoPlay = attributes.getBoolean(
R.styleable.GifImageView_auto_play, false);
if (!isAutoPlay) {
mStartPlay = BitmapFactory.decodeResource(getResources(),
R.drawable.start_play);
setOnClickListener(this);
}
}
}
}
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) {
super.onMeasure(widthMeasureSpec, heightMeasureSpec);
if (mMovie != null) {
// 假设是gif的话。设定大小
setMeasuredDimension(mImageWidth, mImageHeight);
}
}
@Override
protected void onDraw(Canvas canvas) {
if (mMovie == null) {
// 普通的图片
super.onDraw(canvas);
} else {
if (isAutoPlay) {
// 假设是gif动画的话。就播放
playMovie(canvas);
invalidate();
} else {
// 不同意自己主动播放的话
// 1.推断是否正在播放
// 2.获得第一帧的图像
// 3.然后加入播放button
if (isPlaying) {
// 假设正在播放就playmoive继续播放
if (playMovie(canvas)) {
isPlaying = false;
}
invalidate();
} else {
// 第一帧
mMovie.setTime(0);
mMovie.draw(canvas, 0, 0);
// 绘制開始button
int offsetW = (mImageWidth - mStartPlay.getWidth()) / 2;
int offsetH = (mImageHeight - mStartPlay.getHeight()) / 2;
canvas.drawBitmap(mStartPlay, offsetW, offsetH, null);
}
}
}
}
/**
* 播放gif动画
*
* @param canvas
*/
private boolean playMovie(Canvas canvas) {
// 1.获取播放的时间
// 2.假设開始start=0,则觉得是開始
// 3.记录播放的时间
// 4.设置进度
// 5.画动画
// 6.假设时间大于了播放的时间,则证明结束
long now = SystemClock.uptimeMillis();
if (mMovieStart == 0) {
mMovieStart = now;
}
int duration = mMovie.duration();
if (duration == 0) {
duration = 1000;
}
//记录gif播放了多少时间
int relTime = (int) ((now - mMovieStart) % duration);
mMovie.setTime(relTime);// 设置时间
mMovie.draw(canvas, 0, 0);// 画
if ((now - mMovieStart) >= duration) {
// 结束
mMovieStart = 0;
return true;
}
return false;
}
/**
* 通过反射拿布局中src的资源id
*
* @param attrs
* @param context
* @param attributes
*/
private int getResourceId(TypedArray attributes, Context context,
AttributeSet attrs) {
try {
Field filed = TypedArray.class.getDeclaredField("mValue");
filed.setAccessible(true);
TypedValue typeValue = (TypedValue) filed.get(attributes);
return typeValue.resourceId;
} catch (Exception e) {
e.printStackTrace();
} finally {
if (attributes != null) {
attributes.recycle();
}
}
return 0;
}
@Override
public void onClick(View v) {
if(v.getId()==getId()){
isPlaying=true;
invalidate();
}
}
}
attrs.xml
<?xml version="1.0" encoding="utf-8"?
> <resources> <declare-styleable name="GifImageView"> <attr name="auto_play" format="boolean"></attr> </declare-styleable> </resources>
布局文件
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:attr="http://schemas.android.com/apk/res/com.pzf.gifaniamtion"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:gravity="center"
>
<com.pzf.gifaniamtion.GifImageView
android:id="@+id/image_view"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:src="@drawable/gif_animation"
attr:auto_play="false"
/>
</LinearLayout>
假设希望进入自己主动播放仅仅需将
attr:auto_play="true"
效果图:用的应用包手动截的手机的图效果不好,有须要的能够自己下载源代码。那个流畅。
源代码地址:
个人项目txtreader:已经公布google play。http://blog.csdn.net/pangzaifei/article/details/52756777
有须要的能够联系