Android開發:教您如何讓Gif動畫動起來
我們已經連續推出《如何實現TCP和UDP傳輸》、《“Android UI”設計官方教程》多個Android開發教程,本文將為講解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,就是這么簡單,下面看看運行效果:
【編輯推薦】