好看的Dialog載入動畫，dialog載入

好看的Dialog載入動畫，dialog載入

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

首先我們來看一下：

下面我們來看一下代碼部分，首先是自訂的SysLoading.java

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布局檔案

< ?xml version="1.0" encoding="utf-8"?>< RelativeLayout     xmlns:android="http://schemas.android.com/apk/res/android"    xmlns:tools="http://schemas.android.com/tools"    android:layout_width="match_parent"    android:layout_height="match_parent"    android:layout_marginBottom="30dp"    android:gravity="center" >    < !--載入中視圖圖片 -->    < ImageView        android:id="@+id/sys_loading_dialog_img"        android:layout_centerHorizontal="true"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:contentDescription="@null"/>    < !--載入中視圖文本 -->    < TextView         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"/>    < !--載入失敗布局視圖-->    < RelativeLayout         android:id="@+id/sys_loading_dialog_fail"        android:layout_width="wrap_content"        android:layout_height="wrap_content"        android:gravity="center"        android:visibility="gone">        < !--載入失敗圖片 -->        < ImageView            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"/>        < !--載入失敗文本 -->        < TextView             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"/>    < /RelativeLayout>< /RelativeLayout>

  最後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://download.csdn.net/detail/u014727709/9739898
轉載自 ：http://blog.csdn.net/u014727709/article/details/54584894
歡迎start，歡迎評論，歡迎指正

著作權聲明：本文為博主原創文章，未經博主允許不得轉載。