Android 自定义progressDialog实现

  我们在项目中经常会遇到这样一个应用场景:执行某个耗时操作时,为了安抚用户等待的烦躁心情我们一般会使用进度条之类的空间,在android中让大家最 容易想到的就是progressbar或者progressDialog,区别在于前者是一个控件,后者是对话框。由于一些需求在弹出进度条时不希望用户 能够操作其他控件,所以只能使用progressDialog,这个时候有遇到了一个问题,我不想要progressDialog的黑色框框,感觉这样跟 应用的整体风格不协调,这个时候就考虑了写一个自定义的progressDialog。
  在网上搜过很多自定义progressDialog的例子,对着写了下,但是没有任何效果,不知道是自己使用的方法不对还是什么地方出错了。通过不断的查找资料,写了一个简单的自定义progressDialog。先上图看下效果:

1.String.xml 文件,progressDialog是继承与Dialog,先设置一下progressDialog的风格,设置背景透明色。

    <style name="CustomDialog" 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> 
    </style>
    
    <style name="CustomProgressDialog" parent="@style/CustomDialog"> 
        <item name="android:windowBackground">@android:color/transparent</item> 
        <item name="android:windowNoTitle">true</item> 
    </style>

2.my_progressdialog.xml文件,定义自己的布局,由于我的需求只需要一个进度条以及一串显示的内容,所以布局比较接单

<?xml version="1.0" encoding="utf-8"?> 
<LinearLayout 
  xmlns:android="http://schemas.android.com/apk/res/android" 
  android:layout_width="fill_parent" 
  android:layout_height="fill_parent" 
  android:orientation="horizontal"> 
    <ImageView 
       android:id="@+id/loadingImageView" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:background="@anim/progress_round"/> 
    <TextView    
        android:id="@+id/id_tv_loadingmsg" 
        android:layout_width="wrap_content" 
        android:layout_height="wrap_content" 
        android:layout_gravity="center_vertical" 
        android:textSize="20dp"/> 
</LinearLayout>

3.progress_round.xml文件.这个文件为了实现转动的效果,循环显示这些图片。

<?xml version="1.0" encoding="utf-8"?> 
<animation-list 
    xmlns:android="http://schemas.android.com/apk/res/android" 
    android:oneshot="false"> 
    <item android:drawable="@drawable/progress_1" android:duration="200"/> 
    <item android:drawable="@drawable/progress_2" android:duration="200"/> 
    <item android:drawable="@drawable/progress_3" android:duration="200"/> 
    <item android:drawable="@drawable/progress_4" android:duration="200"/> 
    <item android:drawable="@drawable/progress_5" android:duration="200"/> 
    <item android:drawable="@drawable/progress_6" android:duration="200"/> 
    <item android:drawable="@drawable/progress_7" android:duration="200"/> 
    <item android:drawable="@drawable/progress_8" android:duration="200"/> 
</animation-list>

上面的动画是一个逐帧动画,通常采用xml文件定义。如上面代码,定义逐帧动画非常简单,只需要定义动画内容和时间即可。oneshot="false"代表让动画循环播放。

4.MyProgressDialog.java文件,这个是就是我们最终需要使用的progressDialog了。

package com.maso.wuye.widget;

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

import com.maso.wuye.R;

public class MyProgressDialog extends Dialog {

	private Context context = null;
	private static MyProgressDialog customProgressDialog = null;
	
	public MyProgressDialog(Context context) {
		super(context);
		this.context = context;
	}

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

	public static MyProgressDialog createDialog(Context context) {
		customProgressDialog = new MyProgressDialog(context,
				R.style.CustomProgressDialog);
		customProgressDialog.setContentView(R.layout.my_progressdialog);
		customProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER;
		return customProgressDialog;
	}

	public void onWindowFocusChanged(boolean hasFocus) {
		if (customProgressDialog == null) {
			return;
		}
		ImageView imageView = (ImageView) customProgressDialog
				.findViewById(R.id.loadingImageView);
		AnimationDrawable animationDrawable = (AnimationDrawable) imageView
				.getBackground();
		animationDrawable.start();
	}



	public MyProgressDialog setTitile(String strTitle) {
		return customProgressDialog;
	}

	public MyProgressDialog setMessage(String strMessage) {
		TextView tvMsg = (TextView) customProgressDialog
				.findViewById(R.id.id_tv_loadingmsg);
		if (tvMsg != null) {
			tvMsg.setText(strMessage);
		}
		return customProgressDialog;
	}

}

可以看到上面重写了onWindowFocusChanged()方法,Activity生命周期中,onStart, onResume, onCreate都不是真正visible的时间点,真正的visible时间点是onWindowFocusChanged()函数被执行时。onWindowFocusChanged指的是这个Activity得到或者失去焦点的时候 就会call。也就是说 如果你想要做一个Activity一加载完毕,就触发什么的话 完全可以用这个。我们在这个方法中启动了动画。

5.接下来就是写一个测试activity调用我们的progressDialog了。

	/**
	 * 开启进度对话框
	 */
	private void startProgressDialog() {
		if (myProgressDialog == null) {
			myProgressDialog = MyProgressDialog.createDialog(this);
			myProgressDialog.setMessage("");
		}
		myProgressDialog.show();
	}

	/**
	 * 停止进度对话框
	 */
	private void stopProgressDialog() {
		if (myProgressDialog != null) {
			myProgressDialog.dismiss();
			myProgressDialog = null;
		}
	}
	

	/**
	 * 创建异步任务
	 * 
	 * @author 李小强
	 * 
	 */
	 public class LoginFrameTask extends AsyncTask<Integer, String, Integer> {
		/**
		 * 构造函数
		 */
		public LoginFrameTask() {

		}

		/**
		 * 调用取消时
		 */
		@Override
		protected void onCancelled() {
			stopProgressDialog();
			super.onCancelled();
		}

		/**
		 * 后台线程查询数据
		 */
		@Override
		protected Integer doInBackground(Integer... params) {
			try {		
                Thread.sleep(100 * 1000);
            } catch (InterruptedException e) {
                e.printStackTrace();
            }
			return null;
		}

		/**
		 * 该方法将在执行后台耗时操作前被调用
		 */
		@Override
		protected void onPreExecute() {
			startProgressDialog();
		}

		/**
		 * 将doInBackground()的返回值传给该方法
		 */
		@Override
		protected void onPostExecute(Integer result) {
			
			stopProgressDialog();
		}

	}

上面用到了异步任务,有关异步任务请参阅:http://blog.csdn.net/dawanganban/article/details/19398725

这样我们需要的progressDialog效果就出来了

posted on 2013-08-23 08:42  岚之山  阅读(373)  评论(0编辑  收藏  举报

导航