十七、自定义进度对话框

矫情吗；* 2022-09-25 08:26 166阅读 0赞

当用户进行需要等待一段时间的操作的时候，我们需要给用户一个等待的反馈，不然用户会以为你的APP卡死了，一般会用一个圆圈来转，但是系统提供的圆圈实在是太丑，所以我自定义一个进度对话框。

进度对话框由两部分组成，一个转的圆圈，和提示文字，布局如下：

<?xml version="1.0" encoding="utf-8"?>
    <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
        android:orientation="horizontal"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:background="@drawable/dialog_bg"
        android:padding="5dp"
        android:gravity="center_vertical">
    
        <ImageView
            android:id="@+id/iv_progress"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:src="@drawable/loading"/>
    
        <TextView
            android:id="@+id/tv_msg"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:layout_marginLeft="5dp"
            android:layout_marginRight="5dp"
            android:text="加载中..."
            android:textColor="@color/font_white"
            android:textSize="@dimen/font_smaller"/>
    
    </LinearLayout>

自定义进度对话框代码：

public class CustomProgressDialog extends BaseDialog{
    
        private ImageView progressImageView;
        private TextView msgTextView;
        private Animation anim;
    
        /**
         *
         * @param context
         * @param isCancelOutside 点击界外关闭dialog
         * @param canBack 返回键关闭dialog
         */
        public CustomProgressDialog(Context context, boolean isCancelOutside, final boolean canBack) {
            super(context);
            if (view == null) {
                view = LayoutInflater.from(context).inflate(R.layout.dialog_progress, null);
            }
            setContentView(view);
            initView();
            setCanceledOnTouchOutside(isCancelOutside);
            setOnKeyListener(new OnKeyListener() {
                @Override
                public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
                    if (keyCode == KeyEvent.KEYCODE_BACK && !canBack) {
                        // 过滤返回键
                        return true;
                    }
                    return false;
                }
            });
            setOnShowListener(new OnShowListener() {
                @Override
                public void onShow(DialogInterface dialog) {
                    // 开始旋转动画
                    progressImageView.startAnimation(anim);
                }
            });
        }
    
        private void initView() {
            progressImageView = (ImageView) view.findViewById(R.id.iv_progress);
            msgTextView = (TextView) view.findViewById(R.id.tv_msg);
            anim = AnimationUtils.loadAnimation(context, R.anim.dialog_rotate);
        }
    
        /**
         * 设置提示文字内容
         * @param msg
         */
        public void setMessage(String msg) {
            if (msg != null) {
                msgTextView.setText(msg);
            }
        }
    
    }

这样自定义对话框的内容就完成了，这样显然逼格不够，我们做一个对话框管理类，安全显示和关闭对话框：

public class DialogManager {
    
        /**
         * 创建进度对话框
         * @param context
         * @param isCancelOutside 点击界外关闭dialog
         * @param canBack 返回键关闭dialog
         * @return
         */
        public static CustomProgressDialog createProgressDialog(Context context, boolean isCancelOutside, final boolean canBack) {
            return new CustomProgressDialog(context, isCancelOutside, canBack);
        }
    
        /**
         * 安全打开dialog
         * @param activity
         * @param dialog
         */
        public static void showDialog(Activity activity, Dialog dialog) {
            if (!activity.isFinishing() && dialog!=null && !dialog.isShowing()) {
                dialog.show();
            }
        }
    
        /**
         * 安全关闭dialog
         * @param dialog
         */
        public static void dismissDialog(Dialog dialog) {
            if (dialog!=null && dialog.isShowing()) {
                dialog.dismiss();
            }
        }
    
    }

在activity中去打开对话框，并且设置提示文字内容：

CustomProgressDialog dialog = DialogManager.createProgressDialog(getActivity(), false, true);
    dialog.setMessage("上传中");
    DialogManager.showDialog(getActivity(), dialog);

效果如下：

![Center][]

满心欢喜的以为我们做了一个逼格高大上的dialog，结果发现丑得掉渣，都是样式style惹的祸，我们在style文件中自定义dialog样式：

在我们的dialog的基类文件BaseDialog去加载样式文件：

public BaseDialog(Context context) {
        super(context, R.style.CommonDialog);
    }

好了，再来看看效果吧：

![Center 1][]

参考：

[http://blog.csdn.net/wwj\_748/article/details/24592747][http_blog.csdn.net_wwj_748_article_details_24592747]

[http://www.android100.org/html/201304/24/2282.html][http_www.android100.org_html_201304_24_2282.html]

[Center]: /images/20220718/602272e8f11b467c86bb613b89852a0b.png
[Center 1]: /images/20220718/eab78a7ff38741bab7990c9cd014b9a2.png
[http_blog.csdn.net_wwj_748_article_details_24592747]: http://blog.csdn.net/wwj_748/article/details/24592747
[http_www.android100.org_html_201304_24_2282.html]: http://www.android100.org/html/201304/24/2282.html