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

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();}}@Overrideprotected 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 < 16161718CanvasdrawBitmapMesh() (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✗✗✗✓       详见官方说明： Android 3.0 (API level 11) Hardware Acceleration

   　  所以，我们认为硬件加速不支持Movie draw()方法。而I589(android 2.3)本身没有这个特性，

所以不出现问题。而android 4.x以上具备硬件加速并默认开启，而我们没有关掉，所以出了问题。　

　　关闭Hardware Acceleeration可以有几种方法，针对不同的级别（Application, Activity,

 Window, View ）。具体请详见官方说明。为了影响最小，可以使用View级别的 setLayerType(View.LAYER_TYPE_SOFTWARE, null);

       关掉了硬件加速，我的GIF终于动起来了！

       注: 以上的文章部分参照了下面链接中的第一个博主的内容，因为感觉他写的很好，
而在这一部分我没法写得比他更好，好的东西就应该拿出来分享。后面有时间，
我还会再做进一步的补充。

       相关链接:

              链接1 （感谢此大神）
              链接2
              链接3
              接连4