好看的Dialog載入動畫

做開發的時候，為了讓使用者體驗比較好一點，app啟動的時候會有一個啟動歡迎頁，那麼進入到app以後，使用者瀏覽頁面，首先會進行網路請求，然後伺服器響應資料回來，最後展示到頁面上，使用者才能看到豐富的頁面。那麼問題就來了，使用者的網路有2G、3G、4G，現在一般是4G，但是使用者的網路是不一樣的，有些地方網路好，有些比較慢，載入網路資料的時候，網路太慢了就會顯示一篇空白，這給使用者的體驗是非常不好的，所以就到了本節的內容，載入網路資料並且資料還會返回的時候給使用者顯示一個Loading動畫，當然，自帶的有，這裡我們自定義一個Load動畫。 

下面我們來看一下程式碼部分，首先是自定義的SysLoading. 
public class SysLoading extends LinearLayout{

private View view;
//自定義動畫
private AnimationDrawable mAnimation;
//載入失敗檢視
private RelativeLayout sys_loading_dialog_fail;
//載入中圖片
private ImageView sys_loading_dialog_img;
//載入中文字
private TextView sys_loading_dialog_tv;
//載入失敗文字
private TextView sys_loading_dialog_fail_tv;
//載入時文字
private String loadingText;

public SysLoading(Context context) {
    super(context);
}

public SysLoading(Context context, AttributeSet attrs) {
    super(context, attrs);
    LayoutInflater layoutInflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE);
    view = layoutInflater.inflate(R.layout.sys_loading_dialog, this);
    //載入失敗檢視
    sys_loading_dialog_fail = (RelativeLayout) view.findViewById(R.id.sys_loading_dialog_fail);
    //載入時圖片
    sys_loading_dialog_img = (ImageView) view.findViewById(R.id.sys_loading_dialog_img);
    //載入時文字
    sys_loading_dialog_tv = (TextView) view.findViewById(R.id.sys_loading_dialog_tv);
    sys_loading_dialog_fail_tv = (TextView) view.findViewById(R.id.sys_loading_dialog_fail_tv);
}

public void showAnim(String loadingText){
    this.loadingText = loadingText;
    //設定動畫特效
    initData();
}


public void stopAnim(){
    mAnimation.stop();
}






public void initData() {
    //設定文字
    sys_loading_dialog_tv.setText(loadingText);
    //設定顯示
    view.setVisibility(View.VISIBLE);
    //設定載入時圖片顯示
    sys_loading_dialog_img.setVisibility(View.VISIBLE);
    //設定載入時文字顯示
    sys_loading_dialog_tv.setVisibility(View.VISIBLE);
    //設定失敗檢視隱藏
    sys_loading_dialog_fail.setVisibility(View.GONE);
    //獲取動畫
    sys_loading_dialog_img.setBackgroundResource(R.drawable.sys_loading);
    //透過ImageView拿到AnimationDrawable
    mAnimation = (AnimationDrawable) sys_loading_dialog_img.getBackground();
    //為了防止只顯示第一幀
    sys_loading_dialog_img.post(new Runnable() {
        @Override
        public void run() {
            mAnimation.start();
        }
    });
}

//載入失敗呼叫的方法
public void fialLoad(String failStr, View.OnClickListener listener){
    //動畫停止
    if(null != mAnimation && mAnimation.isRunning()){
        mAnimation.stop();
    }
    //失敗檢視顯示
    sys_loading_dialog_fail.setVisibility(View.VISIBLE);
    //設定失敗事件監聽
    sys_loading_dialog_fail.setOnClickListener(listener);
    //設定失敗文字
    sys_loading_dialog_fail_tv.setText(failStr);
    //設定載入時圖片隱藏
    sys_loading_dialog_img.setVisibility(View.GONE);
    //設定載入時文字隱藏
    sys_loading_dialog_tv.setVisibility(View.GONE);
}

} 
然後是sys_loading.xml佈局檔案 
 
xmlns:=”” 
xmlns:tools=”” 
android:layout_width=”match_parent” 
android:layout_height=”match_parent” 
android:layout_marginBottom=”30dp” 
android:gravity=”center” > 
 
android:id=”@+id/sys_loading_dialog_img” 
android:layout_centerHorizontal=”true” 
android:layout_width=”wrap_content” 
android:layout_height=”wrap_content” 
android:contentDescription=”@null”/> 
 
android:id=”@+id/sys_loading_dialog_tv” 
android:layout_width=”match_parent” 
android:layout_height=”wrap_content” 
android:textStyle=”normal” 
android:layout_marginTop=”15dp” 
android:textSize=”14sp” 
android:textColor=”@color/black2” 
android:layout_below=”@id/sys_loading_dialog_img” 
android:gravity=”center”/> 
 
android:id=”@+id/sys_loading_dialog_fail” 
android:layout_width=”wrap_content” 
android:layout_height=”wrap_content” 
android:gravity=”center” 
android:visibility=”gone”> 
 
android:id=”@+id/sys_loading_dialog_fail_img” 
android:layout_centerHorizontal=”true” 
android:layout_width=”wrap_content” 
android:layout_height=”wrap_content” 
android:src=”@drawable/sys_loading_dialog_fail” 
android:contentDescription=”@null”/> 
 
android:id=”@+id/sys_loading_dialog_fail_tv” 
android:layout_width=”match_parent” 
android:layout_height=”wrap_content” 
android:layout_below=”@id/sys_loading_dialog_fail_img” 
android:layout_marginTop=”15dp” 
android:textSize=”14sp” 
android:textColor=”@color/black2” 
android:gravity=”center”/> 
 

最後drawable檔案就不貼出來了，這裡直接給出主要的使用程式碼： 
public class MainActivity extends Activity { 
private Button btnLoading; 
//自定義載入框 
private SysLoading sysLoading; 
private boolean flag = true; 
private Handler handler = new Handler() { 
public void handleMessage(Message msg) { 
switch (msg.what) { 
case 100: 
Toast.makeText(MainActivity.this, “載入成功”, Toast.LENGTH_SHORT).show(); 
//隱藏載入框 
sysLoading.setVisibility(View.GONE); 
break;

        default:
            break;
        }
    };
};


@Override
protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);
    btnLoading = (Button) findViewById(R.id.btn_loading);

    //獲取載入檢視
    sysLoading = (SysLoading) findViewById(R.id.sysLoading);
    Message msg = handler.obtainMessage();
    msg.what = 100;
    sysLoading.showAnim("正在載入...");
    handler.sendMessageDelayed(msg, 2000);
}
public void Loading(View view) {
    sysLoading.initData();
    //載入失敗
    sysLoading.fialLoad("載入失敗...", new OnClickListener() {
        @Override
        public void onClick(View v) {
            Message msg = handler.obtainMessage();
            msg.what = 100;
            sysLoading.showAnim("正在載入...");
            handler.sendMessageDelayed(msg, 2000);
            }
    });
}

} 
這裡給出demo的下載地址： 

原文連結：http://www.apkbus.com/blog-703583-68057.html