Android自定义ProgressDialog进度等待框

2020-04-11 11:01:04

字体：大中小

来源：转载

供稿：网友

Android本身已经提供了ProgressDialog进度等待框，使用该Dialog，我们可以为用户提供更好的体验：在网络请求时，弹出此框等待网络数据。不过，既然是为了提高用户体验，我们肯定希望该Dialog能更加炫酷，让用户看着更舒服。那如何做呢，当然是我们自己定义一个ProgressDialog了。
可以先看下，接下来将实现的Dialog效果图：

步骤1：要定义布局文件，该布局文件即是Dialog的布局了

<?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="fill_parent"   android:layout_height="fill_parent"   android:background="@drawable/dialog_load_bg"   android:gravity="center"   android:minHeight="100dp"   android:minWidth="190dp"   android:orientation="vertical"   android:padding="10dp" >    <ImageView     android:id="@+id/img"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:src="@drawable/publicloading" />    <TextView     android:id="@+id/tipTextView"     android:layout_width="wrap_content"     android:layout_height="wrap_content"     android:layout_marginLeft="10dp"     android:textColor="#acacac"     android:textSize="15sp" />  </LinearLayout>

在布局文件中，我们只定义了两个组件，一个ImageView，用于显示旋转图，一个TextView，用于显示消息文本

步骤2：定义动画，使得弹出框上的图片可以不停的旋转。

<?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逻辑

/**  * 公用的弹出框  *  * @author lining  */ public class LoadingDialog {    /**    * 得到自定义的progressDialog    *    * @param context    * @param msg    * @return    */   public static Dialog createLoadingDialog(Context context, String msg) {      // 首先得到整个View     View view = LayoutInflater.from(context).inflate(         R.layout.loading_dialog_view, null);     // 获取整个布局     LinearLayout layout = (LinearLayout) view         .findViewById(R.id.dialog_view);     // 页面中的Img     ImageView img = (ImageView) view.findViewById(R.id.img);     // 页面中显示文本     TextView tipText = (TextView) view.findViewById(R.id.tipTextView);      // 加载动画，动画用户使img图片不停的旋转     Animation animation = AnimationUtils.loadAnimation(context,         R.anim.dialog_load_animation);     // 显示动画     img.startAnimation(animation);     // 显示文本     tipText.setText(msg);      // 创建自定义样式的Dialog     Dialog loadingDialog = new Dialog(context, R.style.loading_dialog);     // 设置返回键无效     loadingDialog.setCancelable(false);     loadingDialog.setContentView(layout, new LinearLayout.LayoutParams(         LinearLayout.LayoutParams.MATCH_PARENT,         LinearLayout.LayoutParams.MATCH_PARENT));      return loadingDialog;   } }

代码注释已经很详细了，有一处需要注意的，就是在创建Dialog实例时，需要传递一个theme，该theme是Dialog的风格：

<!-- 自定义loading dialog --> ;style name="loading_dialog" parent="android:style/Theme.Dialog">  <item name="android:windowFrame">@null</item>  <item name="android:windowNoTitle">true</item>  <item name="android:windowBackground">@drawable/dialog_load_bg</item>  <item name="android:windowIsFloating">true</item>  <item name="android:windowContentOverlay">@null</item> ;/style>

步骤4：使用自定义的ProgressDialog
接下来，我们可以直接使用已经定义好的Dialog了，很简单，只需要将Dialog显示和关闭即可，建议将讲方法封装起来，放在

BaseActivity（基类）中，方便随时调用。/**  * 显示Dialog  */ private void showDialog() {   if (dialog == null) {     dialog = LoadingDialog.createLoadingDialog(this, "正在加载中...");     dialog.show();   } }  /**  * 关闭Dialog  */ private void closeDialog() {   if (dialog != null) {     dialog.dismiss();     dialog = null;   } }

通过上面步骤，我们即完成了自定义的ProgressDialog，当然，具体在项目中需要什么样的效果，可以调整。

上一篇：Android使用自定义字体的方法

下一篇：另外两种Android沉浸式状态栏实现思路