Android

关注公众号 jb51net

关闭
首页 > 软件编程 > Android > Android进度等待框

Android自定义ProgressDialog进度等待框

作者:无缘公子

这篇文章主要介绍了Android自定义ProgressDialog进度等待框,通过本文大家可以尝试利用Android自定义ProgressDialog,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下

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

您可能感兴趣的文章:
阅读全文