Android自定义ProgressDialog进度等待框_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,当然,具体在项目中需要什么样的效果,可以调整。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索android
, 进度
progressdialog
progressdialog进度、progressdialog进度条、自定义progressdialog、自定义progress进度条、自定义dialog 进度条,以便于您获取更多的相关知识。

时间: 2024-08-04 15:38:53

Android自定义ProgressDialog进度等待框_Android的相关文章

Android自定义ProgressDialog进度等待框

Android本身已经提供了ProgressDialog进度等待框,使用该Dialog,我们可以为用户提供更好的体验:在网络请求时,弹出此框等待网络数据. 不过,既然是为了提高用户体验,我们肯定希望该Dialog能更加炫酷,让用户看着更舒服.那如何做呢,当然是我们自己定义一个ProgressDialog了. 可以先看下,接下来将实现的Dialog效果图: 步骤1:要定义布局文件,该布局文件即是Dialog的布局了 <?xml version="1.0" encoding=&quo

Android自定义ProgressDialog加载图片_Android

为了提高用户体验,我们肯定希望该Dialog能更加炫酷,让用户看着更舒服.那如何做呢,当然是我们自己定义一个ProgressDialog了. 一.使用系统加载框 mDialog = new ProgressDialog(this); mDialog.setCancelable(true);//是否可以被取消 mDialog.setMessage("loading...");//加载显示的信息 mDialog.setProgressStyle(ProgressDialog.STYLE_S

实例详解Android自定义ProgressDialog进度条对话框的实现_Android

Android SDK已经提供有进度条组件ProgressDialog组件,但用的时候我们会发现可能风格与我们应用的整体风格不太搭配,而且ProgressDialog的可定制行也不太强,这时就需要我们自定义实现一个ProgressDialog. 通过看源码我们发现,ProgressDialog继承自Alertdialog,有一个ProgressBar和两个TextView组成的,通过对ProgressDialog的源码进行改进就可以实现一个自定义的ProgressDialog. 1.效果: 首先

Android 自定义ProgressDialog进度条对话框用法详解_Android

ProgressDialog的基本用法 ProgressDialog为进度对话框.android手机自带的对话框显得比较单一,我们可以通过ProgressDialog来自己定义对话框中将要显示出什么东西. 首先看看progressDialog里面的方法 setProgressStyle:设置进度条风格,风格为圆形,旋转的. setTitlt:设置标题 setMessage:设置提示信息: setIcon:设置标题图标: setIndeterminate:设置ProgressDialog 的进度条

实例详解Android自定义ProgressDialog进度条对话框的实现

Android SDK已经提供有进度条组件ProgressDialog组件,但用的时候我们会发现可能风格与我们应用的整体风格不太搭配,而且ProgressDialog的可定制行也不太强,这时就需要我们自定义实现一个ProgressDialog. 通过看源码我们发现,ProgressDialog继承自Alertdialog,有一个ProgressBar和两个TextView组成的,通过对ProgressDialog的源码进行改进就可以实现一个自定义的ProgressDialog. 1.效果: 首先

Android 自定义ProgressDialog进度条对话框用法详解

ProgressDialog的基本用法 ProgressDialog为进度对话框.android手机自带的对话框显得比较单一,我们可以通过ProgressDialog来自己定义对话框中将要显示出什么东西. 首先看看progressDialog里面的方法 setProgressStyle:设置进度条风格,风格为圆形,旋转的. setTitlt:设置标题 setMessage:设置提示信息: setIcon:设置标题图标: setIndeterminate:设置ProgressDialog 的进度条

Android自定义ProgressDialog加载图片

为了提高用户体验,我们肯定希望该Dialog能更加炫酷,让用户看着更舒服.那如何做呢,当然是我们自己定义一个ProgressDialog了. 一.使用系统加载框 mDialog = new ProgressDialog(this); mDialog.setCancelable(true);//是否可以被取消 mDialog.setMessage("loading...");//加载显示的信息 mDialog.setProgressStyle(ProgressDialog.STYLE_S

Android 自定义ProgressDialog

Android本身已经提供了ProgressDialog进度等待框,使用该Dialog,我们可以为用户提供更好的体验:在网络请求时,弹出此框等待网络数据. 不过,既然是为了提高用户体验,我们肯定希望该Dialog能更加炫酷,让用户看着更舒服.那如何做呢,当然是我们自己定义一个ProgressDialog了. 可以先看下,接下来将实现的Dialog效果图: 步骤1:要定义布局文件,该布局文件即是Dialog的布局了 <?xml version="1.0" encoding=&quo

Android模拟美团客户端进度提示框_Android

用过美团客户端的朋友都知道,美团的加载等待提示很有意思,是一种动画的形式展现给我们,下面我们就对这背后的原理进行了解,然后实现自己的等待动画效果. 首先我们准备两张图片: 这两张图片看起来一模一样啊?细心的朋友会发现唯一不同的就在脚部,OK,我们就利用这两张图片的轮换播放实现动画效果,下面看一下代码:1.动画文件frame_meituan.xml: <?xml version="1.0" encoding="utf-8"?> <animation-