Android自定义ProgressDialog进度等待框

前端技术 2023/09/06 Android

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，当然，具体在项目中需要什么样的效果，可以调整。

本文地址：https://www.stayed.cn/item/15660

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案