Android自定义ProgressDialog

转载:http://www.tuicool.com/articles/UZrMNv3

转载请注明出处: http://blog.csdn.net/allen315410/article/details/41699063 

我们在开发Android上应用程序时,有很多时候会遇到“延时”等待的情况,例如数据加载时,尤其是在联网的时候,请求网络会有个等待时间,在这个等待的时间里需要给用户一个友好的提示,提示用户现在正在做什么操作,需要耐心等待等等,这时一个进度对话框就可以解决。Android提供给我们一个很好的控件叫ProgressDialog,用来创建自定义信息以及一些相关操作,唯一不好的一点就是Android原生控件给我一种一如既往的单调和丑陋,下面是原生ProgressDialog的源码以及效果:

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

    ProgressDialog dialog = new ProgressDialog(this);
    dialog.setMessage("登录中……");
    dialog.show();

  }
}

源码极其简单,效果也极其简陋,怎么看怎么不爽。那么怎样让这个ProgressDialog看起来爽点呢?其实不妨做一个自定义的ProgressDialog,先看一下自定义ProgressDialog的效果吧!

好了,看上去不错吧!下面开始一步一步来实现!

1,自定义ProgressDialog的布局。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
  android:layout_width="wrap_content"
  android:layout_height="wrap_content"
  android:layout_gravity="center"
  android:background="@drawable/progress_custom_bg"
  android:gravity="center_horizontal"
  android:orientation="vertical"
  android:paddingBottom="20dp"
  android:paddingLeft="30dp"
  android:paddingRight="30dp"
  android:paddingTop="20dp" >

  <ImageView
    android:id="@+id/spinnerImageView"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:background="@anim/spinner" />

  <TextView
    android:id="@+id/message"
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:layout_marginTop="15dp"
    android:text="Message"
    android:textColor="#FFFFFF" />

</LinearLayout>

2,滚动条的背景设置。

上面的XML布局中可以看到滚动条是一个ImageView,需要给ImageView设置一个动态的背景,那这个动态的背景该怎么办呢?其实就是给ImageView一个动画背景,给出一定数量的图片,在动画中按一定时间匀速切换图片即可,图片资源如下:

在res/anim文件夹建立这样一个动画集spinner.xml:

<animation-list xmlns:android="http://schemas.android.com/apk/res/android"
  android:oneshot="false" >

  <item
    android:drawable="@drawable/spinner_0"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_1"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_2"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_3"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_4"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_5"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_6"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_7"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_8"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_9"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_10"
    android:duration="60"/>
  <item
    android:drawable="@drawable/spinner_11"
    android:duration="60"/>
</animation-list>

然后给整个的ProgressDialog设置一个背景色progress_custom_bg.xml:

<?xml version="1.0" encoding="UTF-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android" >

  <solid android:color="#ff404040" />

  <corners
    android:bottomLeftRadius="8dp"
    android:bottomRightRadius="8dp"
    android:topLeftRadius="8dp"
    android:topRightRadius="8dp" />

</shape>

然后还需要给自定义ProgressDialog设置一个风格,在res/value/style.xml下这样定义:

<!-- 自定义Dialog -->
<style name="Custom_Progress" parent="@android:style/Theme.Dialog">
  <item name="android:windowFrame">@null</item>
  <item name="android:windowIsFloating">true</item>
  <item name="android:windowContentOverlay">@null</item>
  <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>
  <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>
  <item name="android:windowBackground">@android:color/transparent</item>
  <item name="android:windowNoTitle">true</item>
</style>

3,接下来进入重点,我们通过代码来构建一个自定义的ProgressDialog,具体做法就是自定义类继承Dialog:

package com.example.myexample;

import android.app.Dialog;
import android.content.Context;
import android.graphics.drawable.AnimationDrawable;
import android.view.Gravity;
import android.view.View;
import android.view.WindowManager;
import android.widget.ImageView;
import android.widget.TextView;

public class CustomProgress extends Dialog {
  public CustomProgress(Context context) {
    super(context);
  }

  public CustomProgress(Context context, int theme) {
    super(context, theme);
  }

  /**
   * 当窗口焦点改变时调用
   */
  public void onWindowFocusChanged(boolean hasFocus) {
    ImageView imageView = (ImageView) findViewById(R.id.spinnerImageView);
    // 获取ImageView上的动画背景
    AnimationDrawable spinner = (AnimationDrawable) imageView.getBackground();
    // 开始动画
    spinner.start();
  }

  /**
   * 给Dialog设置提示信息
   * 
   * @param message
   */
  public void setMessage(CharSequence message) {
    if (message != null && message.length() > 0) {
      findViewById(R.id.message).setVisibility(View.VISIBLE);
      TextView txt = (TextView) findViewById(R.id.message);
      txt.setText(message);
      txt.invalidate();
    }
  }

  /**
   * 弹出自定义ProgressDialog
   * 
   * @param context
   *            上下文
   * @param message
   *            提示
   * @param cancelable
   *            是否按返回键取消
   * @param cancelListener
   *            按下返回键监听
   * @return
   */
  public static CustomProgress show(Context context, CharSequence message, boolean cancelable, OnCancelListener cancelListener) {
    CustomProgress dialog = new CustomProgress(context, R.style.Custom_Progress);
    dialog.setTitle("");
    dialog.setContentView(R.layout.progress_custom);
    if (message == null || message.length() == 0) {
      dialog.findViewById(R.id.message).setVisibility(View.GONE);
    } else {
      TextView txt = (TextView) dialog.findViewById(R.id.message);
      txt.setText(message);
    }
    // 按返回键是否取消
    dialog.setCancelable(cancelable);
    // 监听返回键处理
    dialog.setOnCancelListener(cancelListener);
    // 设置居中
    dialog.getWindow().getAttributes().gravity = Gravity.CENTER;
    WindowManager.LayoutParams lp = dialog.getWindow().getAttributes();
    // 设置背景层透明度
    lp.dimAmount = 0.2f;
    dialog.getWindow().setAttributes(lp);
    // dialog.getWindow().addFlags(WindowManager.LayoutParams.FLAG_BLUR_BEHIND);
    dialog.show();
    return dialog;
  }
}

在Activity中引用自定义ProgressDialog:

public class MainActivity extends Activity {

  @Override
  protected void onCreate(Bundle savedInstanceState) {
    super.onCreate(savedInstanceState);
    setContentView(R.layout.activity_main);

      CustomProgress.show(this, "登录中...", true, null);

  }
}

好了,整个流程结束,我们简单的自定义进度对话框就做好了,效果在上面已经截图了,这里不再贴出。里面的代码我就不解释了,都比较简单而且有一些注释。喜欢的朋友,请在下方点击下载源码。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值