十七、自定义进度对话框

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

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

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

  1. <?xml version="1.0" encoding="utf-8"?>
  2. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  3.     android:orientation="horizontal"
  4.     android:layout_width="wrap_content"
  5.     android:layout_height="wrap_content"
  6.     android:background="@drawable/dialog_bg"
  7.     android:padding="5dp"
  8.     android:gravity="center_vertical">
  10.     <ImageView
  11.         android:id="@+id/iv_progress"
  12.         android:layout_width="wrap_content"
  13.         android:layout_height="wrap_content"
  14.         android:src="@drawable/loading"/>
  16.     <TextView
  17.         android:id="@+id/tv_msg"
  18.         android:layout_width="wrap_content"
  19.         android:layout_height="wrap_content"
  20.         android:layout_marginLeft="5dp"
  21.         android:layout_marginRight="5dp"
  22.         android:text="加载中..."
  23.         android:textColor="@color/font_white"
  24.         android:textSize="@dimen/font_smaller"/>
  26. </LinearLayout>

自定义进度对话框代码：

  1. public class CustomProgressDialog extends BaseDialog{
  3.     private ImageView progressImageView;
  4.     private TextView msgTextView;
  5.     private Animation anim;
  7.     /**
  8.      *
  9.      * @param context
  10.      * @param isCancelOutside 点击界外关闭dialog
  11.      * @param canBack 返回键关闭dialog
  12.      */
  13.     public CustomProgressDialog(Context context, boolean isCancelOutside, final boolean canBack) {
  14.         super(context);
  15.         if (view == null) {
  16.             view = LayoutInflater.from(context).inflate(R.layout.dialog_progress, null);
  17.         }
  18.         setContentView(view);
  19.         initView();
  20.         setCanceledOnTouchOutside(isCancelOutside);
  21.         setOnKeyListener(new OnKeyListener() {
  22.             @Override
  23.             public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
  24.                 if (keyCode == KeyEvent.KEYCODE_BACK && !canBack) {
  25.                     // 过滤返回键
  26.                     return true;
  27.                 }
  28.                 return false;
  29.             }
  30.         });
  31.         setOnShowListener(new OnShowListener() {
  32.             @Override
  33.             public void onShow(DialogInterface dialog) {
  34.                 // 开始旋转动画
  35.                 progressImageView.startAnimation(anim);
  36.             }
  37.         });
  38.     }
  40.     private void initView() {
  41.         progressImageView = (ImageView) view.findViewById(R.id.iv_progress);
  42.         msgTextView = (TextView) view.findViewById(R.id.tv_msg);
  43.         anim = AnimationUtils.loadAnimation(context, R.anim.dialog_rotate);
  44.     }
  46.     /**
  47.      * 设置提示文字内容
  48.      * @param msg
  49.      */
  50.     public void setMessage(String msg) {
  51.         if (msg != null) {
  52.             msgTextView.setText(msg);
  53.         }
  54.     }
  56. }

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

  1. public class DialogManager {
  3.     /**
  4.      * 创建进度对话框
  5.      * @param context
  6.      * @param isCancelOutside 点击界外关闭dialog
  7.      * @param canBack 返回键关闭dialog
  8.      * @return
  9.      */
  10.     public static CustomProgressDialog createProgressDialog(Context context, boolean isCancelOutside, final boolean canBack) {
  11.         return new CustomProgressDialog(context, isCancelOutside, canBack);
  12.     }
  14.     /**
  15.      * 安全打开dialog
  16.      * @param activity
  17.      * @param dialog
  18.      */
  19.     public static void showDialog(Activity activity, Dialog dialog) {
  20.         if (!activity.isFinishing() && dialog!=null && !dialog.isShowing()) {
  21.             dialog.show();
  22.         }
  23.     }
  25.     /**
  26.      * 安全关闭dialog
  27.      * @param dialog
  28.      */
  29.     public static void dismissDialog(Dialog dialog) {
  30.         if (dialog!=null && dialog.isShowing()) {
  31.             dialog.dismiss();
  32.         }
  33.     }
  35. }

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

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

效果如下：

Center

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

  1. <style name="CommonDialog" parent="@android:style/Theme.Dialog">
  2.     <item name="android:windowFrame">@null</item>
  3.     <item name="android:windowIsFloating">true</item>
  4.     <item name="android:windowIsTranslucent">true</item>
  5.     <item name="android:windowNoTitle">true</item>
  6.     <item name="android:background">@null</item>
  7.     <item name="android:windowFullscreen">true</item>
  8.     <item name="android:windowBackground">@color/transparent_color</item>
  9.     <item name="android:backgroundDimEnabled">false</item>
  10.     <item name="android:windowAnimationStyle">@null</item>
  11. </style>

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

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

好了，再来看看效果吧：

Center 1

参考：

http://blog.csdn.net/wwj_748/article/details/24592747

http://www.android100.org/html/201304/24/2282.html

发表评论

表情：
评论列表 （有 0 条评论，285人围观）

还没有评论，来说两句吧...

相关阅读

    相关 自定义对话框详解

    不鸡汤上干货 本篇博客内容：讲解如何自定义对话框，并且介绍如何使用（纯手敲，会有点小错，自己改下吧），本功能也可以适用于不同的窗体之间传递参数 可解决问题：系统默认对话框的

    谁践踏了优雅谁践踏了优雅/ 0 赞/ 342 阅读

    相关 十七、自定义进度对话框

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

    矫情吗；*矫情吗；*/ 0 赞/ 286 阅读