android显示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>
其中xmlns:gif="http://schemas.android.com/apk/res/com.gif.demo"

即gif为自己定义的namespace，com.gif.demo对应于自己的包名，即activity对应的包名
最后在activity里面setContentView（R.layout.main）就ok了