Android实现可播放GIF动画的ImageView
Android的原⽣控件并不⽀持播放GIF格式的图⽚。我们都知道，在Android中如果想要显⽰⼀张图⽚，可以借助ImageView来完成，但是如果将⼀张GIF图⽚设置到ImageView⾥，它只会显⽰这张图⽚的第⼀帧，不会产⽣任何的动画效果。今天我们来编写⼀个⾃定义的增强型ImageView（继承ImageView），可以播放GIF格式的图⽚，暂且叫做GifImageView吧。
1.⾃定义属性
<?xml version="1.0" encoding="utf-8"?>
<resources>
<declare-styleable name="GifImageView">
<attr name="auto_play" format="boolean"></attr>
</declare-styleable>
</resources>
2.⾃定义View中获取属性值
private Movie mMovie;//播放动画需要⽤到的，系统类
private int mImageWidth;//动画的imageview的宽度
private int mImageHeight;//动画imageview的⾼度
private long mMovieStart = 0;// 播放开始
private boolean isAutoPlay;//是否⾃动播放
private Bitmap mStartPlay;//开始按钮
private boolean isPlaying=false;//记录是否正在播放
private float mScale;//图⽚的缩放⽐
private int mMeasuredGifWidth;//缩放后图⽚宽
private int mMeasuredGifHeight;//缩放后图⽚⾼
.
..
private void init(Context context, AttributeSet attrs) {
TypedArray attributes = context.obtainStyledAttributes(attrs,R.styleable.GifImageView);
// 通过反射拿布局中src的资源id，所以gif⽂件需要放在布局的src中
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 = Width();
mImageHeight = Height();
// ⽤完释放
// 获得是否允许⾃动播放，如果不允许⾃动播放，则初始化播放按钮
isAutoPlay = Boolean(R.styleable.GifImageView_auto_play, false);
if (!isAutoPlay) {
mStartPlay = BitmapFactory.decodeResource(getResources(),R.drawable.start_play);
setOnClickListener(this);
}
}
}
//回收资源
}
/**
* 通过反射拿布局中src的资源id
*
* @param attrs
* @param context
* @param attributes
*/
private int getResourceId(TypedArray attributes, Context context, AttributeSet attrs) {
try {
Field filed = DeclaredField("mValue");
filed.setAccessible(true);
TypedValue typeValue = (TypedValue) (attributes);
sourceId;
} catch (Exception e) {
e.printStackTrace();
return 0;
}
3.重写onMesure()
@Override
protected void onMeasure(int widthMeasureSpec, int heightMeasureSpec) { Measure(widthMeasureSpec, heightMeasureSpec);
if (mMovie != null) {
/*
* Calculate horizontal scaling
*/
float scaleW = 1f;
int measureModeWidth = Mode(widthMeasureSpec);
if (measureModeWidth != MeasureSpec.UNSPECIFIED) {
int maximumWidth = Size(widthMeasureSpec);
scaleW = (float) mImageWidth / (float) maximumWidth;
}
/*
* calculate vertical scaling
*/
float scaleH = 1f;
int measureModeHeight = Mode(heightMeasureSpec); if (measureModeHeight != MeasureSpec.UNSPECIFIED) {
int maximumHeight = Size(heightMeasureSpec);
scaleH = (float) mImageHeight / (float) maximumHeight;
}
/*
* calculate overall scale
*/
mScale = 1f / Math.max(scaleH, scaleW);
mMeasuredGifWidth = (int) (mImageWidth * mScale);
mMeasuredGifHeight = (int) (mImageHeight * mScale);
setMeasuredDimension(mMeasuredGifWidth, mMeasuredGifHeight);
}
}
4.重写onDraw()
@Override
protected void onDraw(Canvas canvas) {
if (mMovie == null) {
// mMovie等于null，说明是张普通的图⽚，则直接调⽤⽗类的onDraw()⽅法 Draw(canvas);
} else {
// mMovie不等于null，说明是张GIF图⽚
if (isAutoPlay) {
// 如果允许⾃动播放，就播放
playMovie(canvas);
invalidate();
} else {
/
/ 不允许⾃动播放的话
// 1.判断是否正在播放
// 2.获得第⼀帧的图像
// 3.然后添加播放按钮
if (isPlaying) {
// 如果正在播放就playmoive继续播放
if (playMovie(canvas)) {
isPlaying = false;
canvas动画}
invalidate();
} else {
/
/ 第⼀帧
mMovie.setTime(0);
canvas.save(Canvas.MATRIX_SAVE_FLAG);
canvas.scale(mScale, mScale);
mMovie.draw(canvas, 0, 0);// 画
// 绘制开始按钮
int offsetW = (mMeasuredGifWidth - Width()) / 2;
int offsetH = (mMeasuredGifHeight - Height()) / 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);// 设置时间
canvas.save(Canvas.MATRIX_SAVE_FLAG);
canvas.scale(mScale, mScale);
mMovie.draw(canvas, 0, 0);// 画
if ((now - mMovieStart) >= duration) {
// 结束
mMovieStart = 0;
return true;
}
return false;
}
5.添加点击事件
@Override
public void onClick(View v) {
Id()==getId()){
isPlaying=true;
invalidate();
}
}
还有⼀点需要注意，有些4.0以上系统的⼿机启动了硬件加速功能之后会导致GIF动画播放不出来，因
此我们需要在l中去禁⽤硬件加速功能，可以通过指定android:hardwareAccelerated=false来完成。
--------------------------------------------------------------------------------
现在我们来看看运⾏后效果如何吧，
布局⽂件：
<LinearLayout xmlns:android="schemas.android/apk/res/android"
xmlns:tools="schemas.android/tools"
xmlns:attr="schemas.android/apk/res/com.hx.gifimageview"
android:id="@+id/container"
android:layout_width="match_parent"
android:layout_height="match_parent"
android:orientation="vertical" >
<com.hx.gifimageview.GifImageView
android:layout_width="150dip"
android:layout_height="150dip"
android:layout_margin="10dp"
android:src="@drawable/shulan"
attr:auto_play="false" />
<com.hx.gifimageview.GifImageView
android:layout_width="150dip"
android:layout_height="150dip"
android:layout_margin="10dp"
android:src="@drawable/shulan"
attr:auto_play="true" />
<com.hx.gifimageview.GifImageView
android:layout_width="150dip"
android:layout_height="150dip"
android:layout_margin="10dp"
android:src="@drawable/jingtai"
attr:auto_play="true" />
</LinearLayout>
图⼀的auto_play属性为false，会显⽰第⼀帧和⼀个播放按钮，点击后Gif图⽚会⾃动运⾏。
图⼆的auto_play属性为true，会⾃动循环播放Gif。
图三我们给的资源是静态图⽚，因为⾃定义View继承ImageView，所以具备ImageView所有特性，因
此也能显⽰静态图⽚。以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。
版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。
发表评论