Android 播放Gif 動畫

在Android 中是不支持直接使用Gif 圖片關聯播放幀動畫，如下動畫在Android 中是無法播放的：

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

gifsplitter2.0

下載地址：gif分割 

使用方法如下：

 

 

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

easygifanimator

軟件下載：動畫分割器 

使用方法如下：

 

 

點擊文件將幀文件導出即可

 

得到了幀文件后我們可以就編寫代碼，在res目錄下新建anim動畫文件夾，寫下如下代碼

 

           <?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>  
         

 

對應的item 為順序的圖片從開始到結束，duration為每張逐幀播放間隔，oneshot 為false 代表循環播放，設置為true 即播放一次即停止。

對應Activity 代碼如下編寫：

 

 
          
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 對象獲得圖片的圖片，然后指定這個AnimationDrawable 開始播放動畫

Tip：使用此方法不會默認播放，必須要有事件觸發才可播放動畫，如上面的通過點擊監聽觸發動畫的播放

 

那么如何使用圖片自動播放呢？我們可以聯想一下，ProgressBar 是不是默認的時候就會轉，那就是那個圓形的進度條，是的。我們可以對它進行改造合它也可以自動播放，在Values 文件下新建一個styles 文件，編寫如下代碼 ：

 

           <?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 為其設置動畫文件，我們在XML中就可以通過設置它的樣式使其為我們工作

 

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

 

OK，就是這么簡單，下面看看運行效果：

 

源碼下載：Demo