Android 自定义progressDialog实现

 

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

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

01	<style name="CustomDialog" parent="@android:style/Theme.Dialog">

02	<item name="android:windowFrame">@null</item>

03	<item name="android:windowIsFloating">true</item>

04	<item name="android:windowContentOverlay">@null</item>

05	<itemname="android:windowAnimationStyle">@android:style/Animation.Dialog</item>

06	<item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>

07

</style>

08

09	<style name="CustomProgressDialog" parent="@style/CustomDialog">

10	<item name="android:windowBackground">@android:color/transparent</item>

11	<item name="android:windowNoTitle">true</item>

12

</style>

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

01	<?xml version="1.0" encoding="utf-8"?>

02	<LinearLayout

03	xmlns:android="http://schemas.android.com/apk/res/android"

04	android:layout_width="fill_parent"

05	android:layout_height="fill_parent"

06	android:orientation="horizontal">

07	<ImageView

08	android:id="@+id/loadingImageView"

09	android:layout_width="wrap_content"

10	android:layout_height="wrap_content"

11	android:background="@anim/progress_round"/>

12

<TextView

13	android:id="@+id/id_tv_loadingmsg"

14	android:layout_width="wrap_content"

15	android:layout_height="wrap_content"

16	android:layout_gravity="center_vertical"

17	android:textSize="20dp"/>

18	</LinearLayout>

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

01	<?xml version="1.0" encoding="utf-8"?>

02	<animation-list

03	xmlns:android="http://schemas.android.com/apk/res/android"

04	android:oneshot="false">

05	<item android:drawable="@drawable/progress_1" android:duration="200"/>

06	<item android:drawable="@drawable/progress_2" android:duration="200"/>

07	<item android:drawable="@drawable/progress_3" android:duration="200"/>

08	<item android:drawable="@drawable/progress_4" android:duration="200"/>

09	<item android:drawable="@drawable/progress_5" android:duration="200"/>

10	<item android:drawable="@drawable/progress_6" android:duration="200"/>

11	<item android:drawable="@drawable/progress_7" android:duration="200"/>

12	<item android:drawable="@drawable/progress_8" android:duration="200"/>

13	</animation-list>

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

01	/**************************************************************************************

02	* [Project]

03	*       MyProgressDialog

04	* [Package]

05	*       com.lxd.widgets

06	* [FileName]

07	*       CustomProgressDialog.java

08	* [Copyright]

09	*       Copyright 2012 LXD All Rights Reserved.

10	* [History]

11	*       Version          Date              Author                        Record

12	*--------------------------------------------------------------------------------------

13	*       1.0.0           2012-4-27         lxd ([e-mail])        Create

14	**************************************************************************************/

15

16	package com.lxd.widgets;

17

18

19	import com.lxd.activity.R;

20

21	import android.app.Dialog;

22	import android.content.Context;

23	import android.graphics.drawable.AnimationDrawable;

24	import android.view.Gravity;

25	import android.widget.ImageView;

26	import android.widget.TextView;

27

28

29	/********************************************************************

30	* [Summary]

31	*       TODO 请在此处简要描述此类所实现的功能。因为这项注释主要是为了在IDE环境中生成tip帮助，务必简明扼要

32	* [Remarks]

33	*       TODO 请在此处详细描述类的功能、调用方法、注意事项、以及与其它类的关系.

34	*******************************************************************/

35

36	public class CustomProgressDialog extends Dialog {

37	private Context context = null;

38	private static CustomProgressDialog customProgressDialog = null;

39

40	public CustomProgressDialog(Context context){

41	super(context);

42	this.context = context;

43

}

44

45	public CustomProgressDialog(Context context, int theme) {

46	super(context, theme);

47

}

48

49	public static CustomProgressDialog createDialog(Context context){

50	customProgressDialog = newCustomProgressDialog(context,R.style.CustomProgressDialog);

51	customProgressDialog.setContentView(R.layout.customprogressdialog);

52	customProgressDialog.getWindow().getAttributes().gravity = Gravity.CENTER;

53

54	return customProgressDialog;

55

}

56

57	public void onWindowFocusChanged(boolean hasFocus){

58

59	if (customProgressDialog == null){

60

return;

61

}

62

63	ImageView imageView = (ImageView) customProgressDialog.findViewById(R.id.loadingImageView);

64	AnimationDrawable animationDrawable = (AnimationDrawable) imageView.getBackground();

65	animationDrawable.start();

66

}

67

68

/**

69

*

70	* [Summary]

71	*       setTitile 标题

72	* @param strTitle

73

* @return

74

*

75

*/

76	public CustomProgressDialog setTitile(String strTitle){

77	return customProgressDialog;

78

}

79

80

/**

81

*

82	* [Summary]

83	*       setMessage 提示内容

84	* @param strMessage

85

* @return

86

*

87

*/

88	public CustomProgressDialog setMessage(String strMessage){

89	TextView tvMsg = (TextView)customProgressDialog.findViewById(R.id.id_tv_loadingmsg);

90

91	if (tvMsg != null){

92	tvMsg.setText(strMessage);

93

}

94

95	return customProgressDialog;

96

}

97

}

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

01	package com.lxd.activity;

02

03	import com.lxd.widgets.CustomProgressDialog;

04

05	import android.app.Activity;

06	import android.os.AsyncTask;

07	import android.os.Bundle;

08	import android.view.Window;

09	import android.view.WindowManager;

10

11	public class MainFrame extends Activity {

12	private MainFrameTask mMainFrameTask = null;

13	private CustomProgressDialog progressDialog = null;

14

15

@Override

16	public void onCreate(Bundle savedInstanceState) {

17	super.onCreate(savedInstanceState);

18	this.requestWindowFeature(Window.FEATURE_NO_TITLE);

19	this.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,

20	WindowManager.LayoutParams.FLAG_FULLSCREEN);

21

22	setContentView(R.layout.main);

23

24	mMainFrameTask = new MainFrameTask(this);

25	mMainFrameTask.execute();

26

}

27

28

@Override

29	protected void onDestroy() {

30	stopProgressDialog();

31

32	if (mMainFrameTask != null && !mMainFrameTask.isCancelled()){

33	mMainFrameTask.cancel(true);

34

}

35

36	super.onDestroy();

37

}

38

39	private void startProgressDialog(){

40	if (progressDialog == null){

41	progressDialog = CustomProgressDialog.createDialog(this);

42	progressDialog.setMessage("正在加载中...");

43

}

44

45	progressDialog.show();

46

}

47

48	private void stopProgressDialog(){

49	if (progressDialog != null){

50	progressDialog.dismiss();

51	progressDialog = null;

52

}

53

}

54

55	public class MainFrameTask extends AsyncTask<Integer, String, Integer>{

56	private MainFrame mainFrame = null;

57

58	public MainFrameTask(MainFrame mainFrame){

59	this.mainFrame = mainFrame;

60

}

61

62

@Override

63	protected void onCancelled() {

64	stopProgressDialog();

65	super.onCancelled();

66

}

67

68

@Override

69	protected Integer doInBackground(Integer... params) {

70

71

try {

72	Thread.sleep(10 * 1000);

73	} catch (InterruptedException e) {

74	e.printStackTrace();

75

}

76	return null;

77

}

78

79

@Override

80	protected void onPreExecute() {

81	startProgressDialog();

82

}

83

84

@Override

85	protected void onPostExecute(Integer result) {

86	stopProgressDialog();

87

}

88

89

90

91

}

92

}

评论

2 楼 骑蚂蚁闯江湖 2012-09-06  

楼主 求那Animation-list中的几张图片啊 ！ 能否发我邮箱[e-mail]  谢谢

1 楼 goonlove0 2012-06-22  

您好，能否上传一下那几张progress图片.