Android ProgressDialog 控件自定义(Loading)

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

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

[html]  view plain copy

1. <style name="CustomDialog" parent="@android:style/Theme.Dialog">  
2.     <item name="android:windowFrame">@null</item>  
3.         <item name="android:windowIsFloating">true</item>  
4.         <item name="android:windowContentOverlay">@null</item>  
5.         <item name="android:windowAnimationStyle">@android:style/Animation.Dialog</item>  
6.         <item name="android:windowSoftInputMode">stateUnspecified|adjustPan</item>  
7.     </style>  
8.       
9.     <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文件，定义自己的布局，由于我的需求只需要一个进度条以及一串显示的内容，所以布局比较接单

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <LinearLayout  
3.   xmlns:android="http://schemas.android.com/apk/res/android"  
4.   android:layout_width="fill_parent"  
5.   android:layout_height="fill_parent"  
6.   android:orientation="horizontal">  
7.     <ImageView  
8.         android:id="@+id/loadingImageView"  
9.         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文件.这个文件为了实现转动的效果，循环显示这些图片。

[html]  view plain copy

1. <?xml version="1.0" encoding="utf-8"?>  
2. <animation-list  
3.     xmlns:android="http://schemas.android.com/apk/res/android"  
4.     android:oneshot="false">  
5.     <item android:drawable="@drawable/progress_1" android:duration="200"/>  
6.     <item android:drawable="@drawable/progress_2" android:duration="200"/>  
7.     <item android:drawable="@drawable/progress_3" android:duration="200"/>  
8.     <item android:drawable="@drawable/progress_4" android:duration="200"/>  
9.     <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了。

[java]  view plain copy

1. /************************************************************************************** 
2. * [Project] 
3. *       MyProgressDialog 
4. * [Package] 
5. *       com.lxd.widgets 
6. * [FileName] 
7. *       CustomProgressDialog.java 
8. * [Copyright] 
9. *       Copyright 2012 LXD All Rights Reserved. 
10. * [History] 
11. *       Version          Date              Author                        Record 
12. *-------------------------------------------------------------------------------------- 
13. *       1.0.0           2012-4-27         lxd (rohsuton@gmail.com)        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 = new CustomProgressDialog(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了。

[java]  view plain copy

1. package com.lxd.activity;  
2.   
3. import com.lxd.widgets.CustomProgressDialog;  
4.   
5. import android.app.Activity;  
6. import android.os.AsyncTask;  
7. import android.os.Bundle;  
8. import android.view.Window;  
9. 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. }  

这样我们需要的progressDialog效果就出来了，希望对遇到跟我类似问题的朋友有所帮助，里面有什么写的不对的地方请大家指教。

完整代码：自定义ProgressDialog