我們已經(jīng)連續(xù)推出《如何實(shí)現(xiàn)TCP和UDP傳輸》、《“Android UI”設(shè)計(jì)官方教程》多個(gè)Android開(kāi)發(fā)教程,本文將為講解Android中Gif圖片播放的教程。Android 中是不支持直接使用Gif 圖片關(guān)聯(lián)播放幀動(dòng)畫(huà)，如下動(dòng)畫(huà)在Android 中是無(wú)法播放的：

Android 提供了另外一種解決的辦法，就是使用AnimationDrawable 這一函數(shù)使其支持逐幀播放，但是如何把gif 圖片打散開(kāi)來(lái)，成為每一幀的圖片呢？下面介紹兩種比較不錯(cuò)的軟件，可以幫我們打散圖片。

gifsplitter2.0

下載地址：gif分割 

使用方法如下：

這一軟件分割圖片都是bmp圖片，圖片比較大，這里不推薦使用，盡量節(jié)省不必要的字節(jié)，所以這里推薦使用如下 軟件

easygifanimator

軟件下載：動(dòng)畫(huà)分割器 

使用方法如下：

點(diǎn)擊文件將幀文件導(dǎo)出即可

得到了幀文件后我們可以就編寫(xiě)代碼，在res目錄下新建anim動(dòng)畫(huà)文件夾，寫(xiě)下如下代碼

<?xml version="1.0" encoding="UTF-8"?> 
<animation-list android:oneshot="false" 
    xmlns:android="http://schemas.android.com/apk/res/android"> 

 
    <item android:duration="150" android:drawable="@drawable/xiu0" /> 
    <item android:duration="150" android:drawable="@drawable/xiu1" /> 
    <item android:duration="150" android:drawable="@drawable/xiu2" /> 
    <item android:duration="150" android:drawable="@drawable/xiu3" /> 
</animation-list>   
   
 

對(duì)應(yīng)的item 為順序的圖片從開(kāi)始到結(jié)束，duration為每張逐幀播放間隔，oneshot 為false 代表循環(huán)播放，設(shè)置為true 即播放一次即停止。

對(duì)應(yīng)Activity 代碼如下編寫(xiě)：

import android.app.Activity;  
import android.graphics.drawable.AnimationDrawable;  
import android.os.Bundle;  
import android.view.View;  
import android.view.View.OnClickListener;  
import android.widget.ImageView;  
 
public class animActivity extends Activity implements OnClickListener {  
    ImageView iv = null;  
 
    /** Called when the activity is first created. */  
    @Override  
    public void onCreate(Bundle savedInstanceState) {  
        super.onCreate(savedInstanceState);  
        setContentView(R.layout.main);  
 
        iv = (ImageView) findViewById(R.id.ImageView01);  
        iv.setOnClickListener(this);  
    }  
 
    @Override  
    public void onClick(View v) {  
        // TODO Auto-generated method stub  
        AnimationDrawable anim = null;  
        Object ob = iv.getBackground();  
        anim = (AnimationDrawable) ob;  
        anim.stop();  
        anim.start();  
    }  
}  
 
   
 

使用AnimationDrawable 對(duì)象獲得圖片的圖片，然后指定這個(gè)AnimationDrawable 開(kāi)始播放動(dòng)畫(huà)

Tip：使用此方法不會(huì)默認(rèn)播放，必須要有事件觸發(fā)才可播放動(dòng)畫(huà)，如上面的通過(guò)點(diǎn)擊監(jiān)聽(tīng)觸發(fā)動(dòng)畫(huà)的播放

那么如何使用圖片自動(dòng)播放呢？我們可以聯(lián)想一下，ProgressBar 是不是默認(rèn)的時(shí)候就會(huì)轉(zhuǎn)，那就是那個(gè)圓形的進(jìn)度條，是的。我們可以對(duì)它進(jìn)行改造合它也可以自動(dòng)播放，在Values 文件下新建一個(gè)styles 文件，編寫(xiě)如下代碼 ：

<?xml version="1.0" encoding="UTF-8"?> 
<resources> 
    <style name="animStyle" parent="@android:style/Widget.ProgressBar.Large"> 
        <item name="android:indeterminateDrawable">@anim/test</item> 
    </style> 
</resources>   
   
 

上面樣式文件自Widget.ProgressBar.Large 為其設(shè)置動(dòng)畫(huà)文件，我們?cè)赬ML中就可以通過(guò)設(shè)置它的樣式使其為我們工作

<ProgressBar android:id="@+id/ProgressBar01" style="@style/animStyle" 
    android:layout_width="128px" android:layout_height="128px"></ProgressBar> 

OK，就是這么簡(jiǎn)單，下面看看運(yùn)行效果：

【編輯推薦】

1. Android開(kāi)發(fā)：自由選擇TextView的文字
2. Android開(kāi)發(fā)：如何實(shí)現(xiàn)TCP和UDP傳輸
3. 多圖詳解 “Android UI”設(shè)計(jì)官方教程
4. 圖文并茂 在MyEclipse 8.6上搭建Android開(kāi)發(fā)環(huán)境