Android API Demo系列之---播放Gif动画的类Movie

最新推荐文章于 2021-05-26 09:32:10 发布

原创最新推荐文章于 2021-05-26 09:32:10 发布 · 1.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#android #Gif动画

Android 专栏收录该内容

2 篇文章

订阅专栏

本文深入解析Android系统中播放GIF动画的类Movie，通过APIDemos示例展示如何在应用中使用GIF动画，并详细解读GIF动态图片的特点与优势。同时，提供自定义控件GifMovieView的实现方法，以及如何在MainActivity中整合播放GIF动画的完整流程。最后讨论了硬件加速对GIF动画播放的影响及其解决方案。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android API Demo系列之---播放Gif动画的类Movie

一、【什么是Gif】

Gif动态图片，是通过对多图层的图片，按时间进行不同的切换，以达到动画的效果。

Gif动态图片的特点是，图片小，易于随时安置调用。比起一张单调的静态图片，

Gif格式的动态图片明显更加的生动和有意思。

二、【Android系统和应用中的Gif】

API Demos Gif动态图示例公司应用的Gif动态表情生成器

由此可见，在应用中，使用Gif动图要比一张静态图片更具有吸引力。

三、Android系统和应用如何播放GIF】

在Android 系统(android-17)提供的API Demos列表—>Graphics—>BitmapDecode

界面中，我们可以看到一幅飘杨的旗帜，正是API Demos为我们提供的播放Gif动态图片

的示例。对应AndroidADT—>sdk—>samples—>android-17—>ApiDemos中 graphics包

下的BitmapDecode.java类。

然而，android.graphics.Movie 在SDK文档中没有说明，翻看源代码，

发现它只是一个java壳，实际上直接调用native代码。这样导致我们没能快速学习掌握

它的用法。不过幸亏有APIDemo！这真的是一个好东西！打开其中BitmapDecode我们

可以发现代码中就用了Movie类！安装APIDemo到手机中，运行，发现旗子飘动起来了！

　　 Movie的源代码简单清晰，大概是这样：Movie对象管理着时间轴上对应的GIF各

帧图片，我们通过传入时间，便可以取出对应的帧，然后再用draw()方法，将当前的帧

画到画布canvas上面。如果我们的View不停的刷新，时间不停地跑，Movie的帧就不停

的切换，那么画出来的View就动起来了！接下来，去翻看一下BitmapDecode.java类的

源码。从其中分离出来的相关源码并整理如下:

Demo目录：模拟器上的播放效果：

　　1、Copy API Demos源码，自定义实现播放Gif动态图片的GifMovieView.java类。

package com.mobile.playgifmovie;

import java.io.InputStream;

import android.annotation.SuppressLint;
import android.content.Context;
import android.graphics.Canvas;
import android.graphics.Movie;
import android.view.View;
import android.widget.Toast;

/**
 * Copy APIDemo的源码,实现自定义控件GifView,
 * 播放Gif动态图片的功能
 * @author MobileDreamWorks
 */
@SuppressLint("NewApi") 
public class GifMovieView extends View {
	private Movie mMovie;
    private long mMovieStart;
	
	public GifMovieView(Context context) {
		super(context);
		setLayerType(View.LAYER_TYPE_SOFTWARE, null);
	}
	
	/**
	 * 设置所要播放的gif图片资源id
	 * @param id
	 */
	public void playGifImage(int id) {
		if(0 != id){
			InputStream inputStream = this.getResources().openRawResource(id);
			mMovie =  Movie.decodeStream(inputStream);
		}else{
			Toast.makeText(this.getContext(), "所要播放的gif图片不存在", Toast.LENGTH_LONG).show();
		}
	}
	
	@Override
	protected void onDraw(Canvas 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); // 算出需要显示第几帧
            mMovie.setTime(relTime); // 需要显示的帧,绘制即可
            mMovie.draw(canvas, getWidth() - mMovie.width(),getHeight() - mMovie.height());
            invalidate();
        }
	}
	
}

2、 MainActivity.java类

package com.mobile.playgifmovie;

import android.app.Activity;
import android.os.Bundle;
import android.view.Gravity;
import android.view.View;
import android.view.Window;
import android.view.WindowManager;
import android.widget.LinearLayout;
import android.widget.LinearLayout.LayoutParams;

public class MainActivity extends Activity {
    private LayoutParams params;
	private LinearLayout linearLayout;
	private GifMovieView gifMovie;

	@Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        requestWindowFeature(Window.FEATURE_NO_TITLE); //无title
        getWindow().setFlags(
        		WindowManager.LayoutParams.FLAG_FULLSCREEN, 
        		WindowManager.LayoutParams.FLAG_FULLSCREEN); //全屏
        setContentView(R.layout.activity_main);
        
        params = new LayoutParams(LayoutParams.WRAP_CONTENT, 
        		LayoutParams.WRAP_CONTENT );
        params.gravity = Gravity.CENTER;
        linearLayout = (LinearLayout) findViewById(R.id.container);
        
    }
    
    public void playGifImage(View view) {
    	findViewById(R.id.image).setVisibility(View.GONE);
    	
        gifMovie = new GifMovieView(this);
        gifMovie.setLayoutParams(params);
        gifMovie.playGifImage(R.drawable.girl);
        
        linearLayout.addView(gifMovie);
        
    }
}

3、activity_main.xml

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:tools="http://schemas.android.com/tools"
    android:id="@+id/container"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    tools:context="com.mobile.playgifmovie.MainActivity"
    android:orientation="vertical"
    tools:ignore="MergeRootFrame" >
    
    <Button 
        android:layout_width="match_parent"
    	android:layout_height="44dp"
    	android:text="播放Gif"
    	android:onClick="playGifImage" /> 
    
    <ImageView 
        android:id="@+id/image"
        android:layout_width="match_parent"
    	android:layout_height="match_parent"
    	android:src="@drawable/beauty"
    	android:contentDescription="@null"/>
    
</LinearLayout>

4、记得在AndroidManifest.xml文中的<application>或者有播放Gif动态图的<activity>

结点中加入：android:hardwareAccelerated="false" 这一行代码。如果没有加这一行

代码，那么旗帜能够在模拟器上正常飘杨，但在真机上却没有，原因就在

android:hardwareAccelerated="false"，不使能硬件加速？什么概念？

于是便开始查看各种说明，大概意思我是这么理解的：硬件加速并不是什么新鲜

的东西，已经运用于windows composition 或 OpenGL games等等。而android 在 3.0

之后的版本开始支持。但是它现在暂时只支持standard widgets and drawables。

一旦使能硬件加速的特性，所有的画图工作都交给CPU来做。但是，我们现在是自定

义View类，使用Movie类的draw()方法画图，这个方法并没有在硬件加速支持列表

(如下)中找到踪影。

The following table describes the support level of various operations across

API levels:

	API level
		< 16	16	17	18
Canvas
drawBitmapMesh() (colors array)	✗	✗	✗	✓
drawPicture()	✗	✗	✗	✗
drawPosText()	✗	✓	✓	✓
drawTextOnPath()	✗	✓	✓	✓
drawVertices()	✗	✗	✗	✗
setDrawFilter()	✗	✓	✓	✓
clipPath()	✗	✗	✗	✓
clipRegion()	✗	✗	✗	✓
clipRect(Region.Op.XOR)	✗	✗	✗	✓
clipRect(Region.Op.Difference)	✗	✗	✗	✓
clipRect(Region.Op.ReverseDifference)	✗	✗	✗	✓
clipRect() with rotation/perspective	✗	✗	✗	✓