這兩天在用美團的時候，平時中沒有注意的一個小細節，今天注意到了，就是在進入新頁面還沒有載入資料的時候，我們都可以看到一個小人像是在跑步，於是我非常好奇這個東西是怎麼做的呢？於是乎我就把它的apk下載下來，然後解壓之後，看到了 drawable-xxhdpi-v4 目錄下有4張類似跑步的圖片；發現原來它是用了 Android動畫中的幀動畫來實現的。下面我們也來實現一個這樣子的效果吧。

• 第一步我們把這幾張圖片放到那個 drawable-xhdpi 中
  圖片素材

• 第二步：我們在drawable 目錄下新建一個 loading.xml

<?xml version="1.0" encoding="utf-8"?>
 

<animation-list xmlns:android="http://schemas.android.com/apk/res/android" 
    android:oneshot="false"
    >

    <item android:drawable="@drawable/progress_loading_image_01" android:duration="80"/>
    <item android:drawable="@drawable/progress_loading_image_02" android:duration="80"/>
    <item
 
 android:drawable="@drawable/progress_loading_image_03" android:duration="80"/>
    <item android:drawable="@drawable/progress_loading_image_04" android:duration="80"/>

</animation-list>

第三部：上傳佈局檔案，放在res/layout 目錄下，檔名位 activity_main.xml

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
 
 xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical" 
    android:gravity="center"
    >


    <ImageView
        android:id="@+id/iv_loading"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:src="@drawable/loading"
        android:layout_gravity="center"
        />

    <TextView 
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center"
        android:layout_marginTop="10dip"
        android:textSize="18sp"
        android:text="載入中。。。"
        />

</LinearLayout>

第四部：就在我們的Activity中開啟幀動畫來就可以了

package com.example.demo;

import android.app.Activity;
import android.graphics.drawable.AnimationDrawable;
import android.os.Bundle;
import android.widget.ImageView;
import com.example.progressbar.R;

public class MainActivity extends Activity 
{
    @Override
    protected void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        this.setContentView(R.layout.activity_main);

        ImageView iv_loading = (ImageView) findViewById(R.id.iv_loading);
        AnimationDrawable loadingDrawable = (AnimationDrawable) iv_loading.getDrawable();
        loadingDrawable.start();
    }
}

效果圖（由於生成gif的軟體不是很好，中間會有一個停頓的過程，但是實際的效果是沒有這個的）：