第一篇部落格，有點小小的激動。有些做過的東西當時可能記得很清楚，但是時間久了就會慢慢忘記，所以才決定開始記錄一些。先寫個最簡單的載入動畫。

首先來看一下效果圖，就如中間哪裡書翻頁的效果。此動畫是用幀動畫來實現的。

幀動畫是順序播放一組預先定義好的圖片，類似與電影播放。系統提供了AnimationDrawable來使用幀動畫。幀動畫的使用也比較簡單接下來看一下它的使用吧。

1.首先通過XML來定義一個AnimationDrawable。在你的drawable檔案中新建一個名字為progress_alert_layout.xml的xml檔案 。如下所示，動畫的圖片就需要你的UI設計師來提供了。注意避免使用過多尺寸較大的圖片。

<?xml version="1.0" encoding="utf-8"?><!--
03.    根標籤為animation-list，其中oneshot代表著是否只展示一遍，設定為false會不停的迴圈播放動畫
04.    根標籤下，通過item標籤對動畫中的每一個圖片進行宣告
05.    android:duration 表示展示所用的該圖片的時間長度
06. -->
<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:oneshot="false">
    <item
        android:drawable="@drawable/new_progress1"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress2"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress3"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress4"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress5"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress6"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress7"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress8"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress9"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress10"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress11"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress12"
        android:duration="70" />

    <item
        android:drawable="@drawable/new_progress13"
        android:duration="70" />

    <item
        android:drawable="@drawable/new_progress14"
        android:duration="70" />
    <item
        android:drawable="@drawable/new_progress15"
        android:duration="70" />

</animation-list>
 

2.這個動畫我是用Dialog顯示出來，為了方便使用我就寫了一個繼承Dialog的載入動畫類。

public class ProgressAnimAlert extends Dialog {

    private String text;
    private AnimationDrawable animationDrawable;

    public ProgressAnimAlert(Context context) {
        super(context, R.style.Translucent_NoTitle);
    }

    public ProgressAnimAlert(Context context, String text) {
        super(context, R.style.Translucent_NoTitle);  //這裡設定了Dialog的Style讓其背景為透明的，並且沒有title，具體程式碼就不貼了
        this.text = text;
    }

    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.progress_alert_layout);
        //按空白處不能取消動畫
        setCanceledOnTouchOutside(false);
        if (text!= null){
            TextView textView = (TextView) findViewById(R.id.progress_text);
            textView.setText(text);
        }
        ImageView progressImageView = (ImageView) findViewById(R.id.progress_image); //在ImageView上使用幀動畫
        animationDrawable = (AnimationDrawable) getContext().getResources().getDrawable(R.drawable.progress_alert_anim); //幀動畫的初始化
        progressImageView.setImageDrawable(animationDrawable); //將動畫設定在ImageView上
 

    }

    /**
     * 開始幀動畫
     */
    @Override
    protected void onStart() {
        animationDrawable.start();
        super.onStart();
    }

    /**
     * 停止幀動畫
     */
    @Override
    protected void onStop() {
        animationDrawable.stop();
        super.onStop();
    }

3.Dialog的progress_alert_layout佈局檔案如下，這裡可以根據自己的需求定義自己需要的佈局樣式

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:background="#00ffffff">

    <RelativeLayout
        android:id="@+id/progress_bg"
        android:layout_width="128dp"
        android:layout_height="128dp"
        android:layout_centerInParent="true"
        android:background="@drawable/progress_alert_circle">

        <ImageView
            android:id="@+id/progress_image"
            android:layout_width="90dp"
            android:layout_height="wrap_content"
            android:layout_centerHorizontal="true"
            android:paddingTop="10dp"
            android:scaleType="fitCenter" />

        <TextView
            android:id="@+id/progress_text"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_below="@+id/progress_image"
            android:layout_centerHorizontal="true"
            android:layout_marginTop="-10dp"
            android:text="努力載入中..."
            android:textColor="#999999"
            android:textSize="12sp" />
    </RelativeLayout>
</RelativeLayout>

4.最後就是在程式碼中使用就可以了

ProgressAnimAlert progressAnimAlert = new ProgressAnimAlert(getView(), "正在載入中...");

通過呼叫Dialog的show()和dismiss()來控制載入動畫的顯示和消失。