android显示gif图片(上)

最新推荐文章于 2022-11-08 10:44:41 发布

转载最新推荐文章于 2022-11-08 10:44:41 发布 · 874 阅读

Android画图学习总结专栏收录该内容

20 篇文章

订阅专栏

本文介绍了一种在Android中实现GIF动画显示的方法，通过自定义View并结合Movie类，实现在XML布局文件中动态加载GIF文件的功能。

由于android所带的控件里面没有能够显示gif图片的

今天闲来无事，就来网上查查资料，打算搞一个能显示gif图片的自定义控件

网上的解决方法大致有三种

第一：先将gif图片分拆为N帧（由美工/软件完成），然后逐次播放；

第二：利用java代码将图片分拆为N帧；

前面两种的思路是一样的，第二种网上已经有朋友做出jar包出来了，感兴趣的朋友可以去下来看看

我现在要说的是第三种，也是最简单的一种（我是这么认为的）

android里面有一个Movie类，可以使用它来播放gif动画（此类位于android.graphics包下）

Movie具体怎么播放在后面讲解

既然播放gif动画图片的方法找到了，那如果我想在xml文件中动态加入*.gif文件的话，就需要自定义一个控件

（或者说自己写一个类，继承view/ImageView），我这里继承的View。

现在问题出现了，ImageView里面设置图片用的是src或者background属性，那我们自定义的就不能使用这两个属性了，所以需要自己自定义属性。

ok，现在思路定下来了，为了显示gif图片，我们需要用到Movie类和自定义控件（包括自定义属性）

首先，我们来自定义控件属性：

在res/values里面建立xml文件,习惯性命名为attrs.xml（可以命名为其他名字）

在attrs.xml里面增加属性如下：

<declare-styleable name="GifView">
<attr name="src" format="integer" />

</declare-styleable>

这里我只增加了一个属性，就是设置src文件。

属性设置好了，那怎么将这个src属性与java代码对应起来呢，这个就需要到构造函数里面处理了

public GifView(Context context, AttributeSet attrs){
  super(context, attrs);
  TypedArray ta = context.obtainStyledAttributes(attrs,
                R.styleable.GifView);  //这里用到了attrs.xml里面定义的GifView
  int taCount = ta.length();   //获得属性的个数

  for (int i=0;i<taCount;i++){  //处理所有属性，由于我只定义了一个src属性，所以就只处理src属性
   if (R.styleable.GifView_src == ta.getIndex(i)) {
    int id = ta.getResourceId(R.styleable.GifView_src, 0); //这里的参数是前面的GifView + _ + src链接起来
    if (0 != id) {
     setSrc(id);  //对应的函数，即在xml里面设置了src，相应的处理就会在setSrc函数里面进行
    }
   }
  }
  ta.recycle();
}

下面是setSrc函数：

public void setSrc(int id){
gifMovie = Movie.decodeStream(getResources().openRawResource(id)); //gifMovie为Movie类型
}

接下来是view的onDraw函数，这也是绘画动画的关键

public void onDraw(Canvas canvas){
   long now = android.os.SystemClock.uptimeMillis(); //获得当前时间
         if (lStartTime == 0) {   // first time
          lStartTime = now;
         }
         if (gifMovie != null) {
             int dur = gifMovie.duration();  //获得gif文件的动画周期
             if (dur == 0) {
                 dur = 1000;
             }
             int relTime = (int)((now - lStartTime) % dur);
             gifMovie.setTime(relTime);  //设置播放时间点
             gifMovie.draw(canvas, getWidth() - gifMovie.width(),  //播放（即绘画）
                         getHeight() - gifMovie.height());
             invalidate();
         }

}

下面在main.xml文件里面加入自定义的GifView控件

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:gif="http://schemas.android.com/apk/res/com.gif.demo"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView
    android:layout_width="fill_parent"
    android:layout_height="wrap_content"
    android:text="@string/hello"
    />
<com.gif.demo.GifView
android:layout_width="wrap_content"
android:layout_height="wrap_content"
gif:src="@drawable/lion"
/>
</LinearLayout>