android開發中-使用Dialog ProgressDialog

ProgressDialog是AlertDialog的子類,我們用它來顯示有進度條的Dialog。這種帶有進度的UI控件在好多UI框架中都可以看到,當用戶執行一個操作時間較長的操作時,在一個設計良好的系統中應該要顯示一個進度條提示用戶目前處理的進度到哪了。在安裝應用程序和網絡交互應用中最常見到進度條,安裝應用程序由於耗時長,所以需要指示用戶進度,網絡交互由於網絡環境的不穩定也需要指示用戶交互的進度(尤其是當你在上傳或下載大文件時)。所以進度條是一個很常用到的控件。

Android爲我們提供了一個很好用的內置處理進度條的Dialog,它就是ProgressDialog。ProgressDialog裏的進度條分爲兩種:可確定值進度條和不可確定值進度條。可確定值進度條是指:系統能指示目前進度值,需要更新目前進度條的值,如果進度條到達一定值就表示完成進度。不可確定值進度條是指:系統指示需要等待,但是沒有給出目前進度,所以你無法得知目前進度到哪裏,只是能看到系統在處理,還需要等待的界面,所以說它沒有一個確定值。

我們來看一個最簡單的顯示ProgressDialog的代碼:

  1. ProgressDialog.show(this, "正在加載...", "系統正在處理您的請求"); 

上面代碼直接顯示了一個ProgressDialog,它是屬於不可確定值進度條的ProgressDialog,它的參數很簡單第一個參數是Context上下文信息,第二個參數是Dialog的title標題,第三個參數則是Dialog的body要顯示的信息,代碼的效果如下:

可以看到ProgressDialog顯示了一個在轉動的小圓圈,這個小圓圈將會永久轉動直到Dialog消失掉,所以這是一個不可確定值的進度條。運行代碼我們發現這個Dialog不可取消掉,它會一直存在直到你用代碼控制讓dialog消失,所以它是不可取消的,如果要讓用戶可以取消,要再後面添加兩個參數,分別是:

  1. ProgressDialog.show(this
  2.                 "正在加載...", //標題 
  3.                 "系統正在處理您的請求", //內容 
  4.                 true, //是否不可確定值 
  5.                 true);  

上面使用show方法創建的不可確定值的ProgressDialog比較簡單,如果要創建一個可確定值的進度條dialog就會比較麻煩,因爲你需要編寫一些額外的代碼來控制進度條。這邊創建ProgressDialog就需要通過new 創建一個新對象,它沒有Builder可以通過配置來生成。所以我們要做的就是:

  1. 創建ProgressDialog對象
  2. 設置它內部的進度條是可確定值的
  3. 將它顯示出來
  4. 更新進度條值,當進度完成後隱藏對話框

我們根據上面這幾步,創建一個可複用的可確定值的ProgressDialog。首先我們要給需要managed的Dialog分配一個id值,然後重寫onCreateDialog方法創建ProgressDialog。

  1. @Override 
  2. protected Dialog onCreateDialog(int id) { 
  3.   
  4.     switch(id){ 
  5.   
  6.     case PROGRESS_DIALOG : 
  7.         ProgressDialog pd = new ProgressDialog(this); 
  8.         pd.setTitle("進度條");   //設置標題 
  9.         pd.setMessage("正在處理請稍後..."); //設置body信息 
  10.         pd.setMax(100);  //進度條最大值是100 
  11.         pd.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); //設置進度條樣式是 橫向的 
  12.   
  13.         return pd; 
  14.   
  15.     } 
  16.   
  17.     return super.onCreateDialog(id); 

在這裏我們重寫Activity的onCreateDialog方法,讓ProgressDialog變成是可複用的managed dialog。當點擊按鈕時我們調用:

  1. showDialog(PROGRESS_DIALOG); 

將onCreateDialog方法裏創建的ProgressDialog對象顯示出來:

上面就是可確定值進度條ProgressDialog的效果,可是它的進度條不會動,這是因爲你還沒用代碼去控制進度條的進度,所以這邊我們需要編寫一些額外代碼,當窗體顯示時首先讓進度條歸零,然後用一個線程讓進度條每100ms增加1,所以總共要10秒才能讀完整個進度條。我們用Handler對象來處理,因爲android中使用的是UI單線程模式,你自己創建線程不能訪問UI控件,否則會拋出異常。而Handler會將需要執行的代碼放到UI線程去執行。所以我們先定義一個Handler內部類來改變進度條的值。

  1. private static final int PROGRESS_DIALOG = 1; 
  2.   
  3. int progressValue = 0; //保存進度條目前的進度值,當達到最大值時隱藏ProgressDialog 
  4. ProgressDialog mProgressDialog ; //引用的ProgressDialog對象 
  5. Handler progressHandler; 
  6.   
  7. @Override 
  8. protected void onCreate(Bundle savedInstanceState) { 
  9.     super.onCreate(savedInstanceState); 
  10.   
  11.     setContentView(R.layout.dialog3); 
  12.   
  13.     progressHandler = new Handler(){ 
  14.   
  15.         public void handleMessage(android.os.Message msg) { 
  16.   
  17.             if(progressValue == 100){ 
  18.                 mProgressDialog.dismiss(); 
  19.             }else
  20.                 //設置進度條的值加1 
  21.                 progressValue ++; 
  22.                 mProgressDialog.incrementProgressBy(1); 
  23.                 //如果進度條還沒結束則100ms後進度條加1,循環調用每100ms就將進度條加1 
  24.                 progressHandler.sendEmptyMessageDelayed(0, 100); 
  25.             } 
  26.   
  27.         }; 
  28.   
  29.     }; 
  30.   

然後添加按鈕事件,當用戶點擊顯示可確定值ProgressDialog時,首先將進度條清0,然後發送第一條開始更新進度條的handler消息,因爲handler消息處理方法內部有循環調用發送消息,所以只要第一次觸發程序就會每100ms發送一個更新消息,直到進度條值到達100,隱藏掉對話框。所有代碼如下:

  1. <?xml version="1.0" encoding="utf-8"?> 
  2. <LinearLayout 
  3.   xmlns:android="http://schemas.android.com/apk/res/android" 
  4.   android:orientation="vertical" 
  5.   android:layout_width="fill_parent" 
  6.   android:layout_height="fill_parent"
  7.   
  8.   <Button 
  9.         android:layout_width="wrap_content" 
  10.         android:layout_height="wrap_content" 
  11.         android:text="顯示最簡單的ProgressDialog" 
  12.         android:onClick="onClick1" 
  13.   /> 
  14.   
  15.   <Button 
  16.         android:layout_width="wrap_content" 
  17.         android:layout_height="wrap_content" 
  18.         android:text="顯示可確定值的ProgressDialog" 
  19.         android:onClick="onClick2" 
  20.   /> 
  21.   
  22. </LinearLayout> 

  1. package com.king.dialog.uicontroller.dialog; 
  2.   
  3. import com.king.dialog.uicontroller.R; 
  4.   
  5. import android.app.Activity; 
  6. import android.app.Dialog; 
  7. import android.app.ProgressDialog; 
  8. import android.os.Bundle; 
  9. import android.os.Handler; 
  10. import android.view.View; 
  11.   
  12. public class ProgressDialogActivity extends Activity { 
  13.   
  14.     private static final int PROGRESS_DIALOG = 1; 
  15.   
  16.     int progressValue = 0; //保存進度條目前的進度值,當達到最大值時隱藏ProgressDialog 
  17.     ProgressDialog mProgressDialog ; //引用的ProgressDialog對象 
  18.     Handler progressHandler; 
  19.   
  20.     @Override 
  21.     protected void onCreate(Bundle savedInstanceState) { 
  22.         super.onCreate(savedInstanceState); 
  23.   
  24.         setContentView(R.layout.dialog3); 
  25.   
  26.         progressHandler = new Handler(){ 
  27.   
  28.             public void handleMessage(android.os.Message msg) { 
  29.   
  30.                 if(progressValue == 100){ 
  31.                     mProgressDialog.dismiss(); 
  32.                 }else
  33.                     //設置進度條的值加1 
  34.                     progressValue ++; 
  35.                     mProgressDialog.incrementProgressBy(1); 
  36.                     //如果進度條還沒結束則100ms後進度條加1,循環調用每100ms就將進度條加1 
  37.                     progressHandler.sendEmptyMessageDelayed(0, 100); 
  38.                 } 
  39.   
  40.             }; 
  41.   
  42.         }; 
  43.   
  44.     } 
  45.   
  46.     public void onClick1(View view){ 
  47.   
  48.         ProgressDialog.show(this
  49.                 "正在加載...", //標題 
  50.                 "系統正在處理您的請求", //內容 
  51.                 true, //是否不可確定值 
  52.                 true); // 是否可取消 
  53.     } 
  54.   
  55.     @Override 
  56.     protected Dialog onCreateDialog(int id) { 
  57.   
  58.         switch(id){ 
  59.   
  60.         case PROGRESS_DIALOG : 
  61.             mProgressDialog = new ProgressDialog(this); 
  62.             mProgressDialog.setTitle("進度條");   //設置標題 
  63.             mProgressDialog.setMessage("正在處理請稍後..."); //設置body信息 
  64.             mProgressDialog.setMax(100);  //進度條最大值是100 
  65.             mProgressDialog.setProgressStyle(ProgressDialog.STYLE_HORIZONTAL); //設置進度條樣式是 橫向的 
  66.   
  67.             return mProgressDialog; 
  68.   
  69.         } 
  70.   
  71.         return super.onCreateDialog(id); 
  72.     } 
  73.   
  74.     public void onClick2(View view){ 
  75.   
  76.         showDialog(PROGRESS_DIALOG); 
  77.         progressValue = 0; 
  78.         mProgressDialog.setProgress(0); 
  79.         progressHandler.sendEmptyMessage(0); 
  80.   
  81.     } 
  82.   

代碼運行效果如下:

用戶可以看到在走動的進度條,當進度條達到100時ProgressDialog就自動消失。這邊一個難點就是Handler的用法,這個以後會再仔細介紹,現在先了解Handler就是可以將代碼放到UI線程去執行即可。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章