自己定義progressdialog，改善使用者體驗

自己定義progressdialog，改善使用者體驗

效果圖：

詳細實作方式：

1.定義Dialog的Layout布局

2.設定動畫anim

3.建立自己定義dialog的樣式

4.建立共同擁有方法來控制Dialog

1.定義Dialog的Layout布局 : layout檔案夾下 layout_loading_dialog.xml

<?      

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

>

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

android:id="@+id/dialog_view"

android:layout_width="match_parent"

android:layout_height="match_parent"

android:gravity="center_vertical|center"

android:orientation="vertical"

android:background="@color/transparent">

<ImageView

android:id="@+id/img"

android:layout_width="wrap_content"

android:layout_height="wrap_content"

android:src="@drawable/loading" />

</LinearLayout>

2.設定動畫anim : 建立 anim檔案夾 loading_animation.xml

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

<set android:shareInterpolator="false" xmlns:android="http://schemas.android.com/apk/res/android">

<rotate

android:interpolator="@android:anim/linear_interpolator"

android:pivotX="50%"

android:pivotY="50%"

android:fromDegrees="0"

android:toDegrees="+360"

android:duration="1500"

android:startOffset="-1"

android:repeatMode="restart"

android:repeatCount="-1"/>

</set>

3.建立自己定義dialog的樣式Theme : values檔案夾  themes.xml

<!-- 自己定義loading dialog -->
    <style name="loading_dialog" parent="android:Theme.Dialog">
        <item name="android:windowFrame">@null</item>		<!-- Dialog的windowFrame框為無 -->
        <item name="android:windowBackground">@color/transparent</item>	<!-- 設定dialog的背景 -->
        <item name="android:windowNoTitle">true</item>		<!-- 是否顯示title -->
        <item name="android:windowIsTranslucent">true</item>	<!-- 是否半透明 -->
        <item name="android:windowIsFloating">true</item>		<!-- 是否浮如今activity之上 -->
        <item name="android:windowContentOverlay">@null</item>	<!-- 也是個drawable，定義contentoverlay的背景 -->
        <item name="android:backgroundDimEnabled">false</item>	<!-- 背景是否模糊顯示 -->
    </style>      

/**
     * 得到自己定義的progressDialog
     * @param context
     * @return
     */
    public static Dialog createLoadingDialog(Context context) {
        LayoutInflater inflater = LayoutInflater.from(context);
        View v = inflater.inflate(R.layout.layout_loading_dialog, null);        // 得到載入view
        LinearLayout layout = (LinearLayout) v.findViewById(R.id.dialog_view);  // 載入布局
        ImageView spaceshipImage = (ImageView) v.findViewById(R.id.img);
        Animation hyperspaceJumpAnimation = AnimationUtils.loadAnimation(context,R.anim.loading_animation); // 載入動畫
        spaceshipImage.startAnimation(hyperspaceJumpAnimation);             // 使用ImageView顯示動畫
        Dialog loadingDialog = new Dialog(context, R.style.loading_dialog); // 建立自己定義樣式dialog
        
        //loadingDialog.setCancelable(false);// 不能夠用"傳回鍵"取消
        loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(LinearLayout.LayoutParams.WRAP_CONTENT,
                LinearLayout.LayoutParams.WRAP_CONTENT));
        return loadingDialog;
    }      

OK ! 使用時直接調用便可：

	public Dialog mLoading;

	mLoading = DialogUtils.createLoadingDialog(this);

	mLoading.show();

	mLoading.dismiss();