Android零基礎入門第51節：進度條ProgressBar

標籤：使用   邂逅   期間   share   aec   bdd   設定   cond   img   

   不知不覺這已經是第51期了，在前面50期我們學了Android開發中使用頻率非常高的一些UI組件，當然這些組件還不足夠完成所有APP的開發，還會經常用到一些諸如進度條、拖動條、搜尋方塊、時間和日期選取器等組件，那麼後面幾期就來一起學習這些進階組件。

 

 

一、ProgressBar系列組件

 

    ProgressBar也是一組重要的組件，ProgressBar本身代表了進度條組件，它還派生了兩個常用的組件：SeekBar和RatingBar。ProgressBar及其子類在用法上十分相似，只是顯示介面有一定的區別，因此本節把它們歸為一類，針對它們的共性集中講解，並突出介紹它們的區別。

    ProgressBar及其子類的類圖如所示：

    ProgressBar繼承於View類，直接子類有AbsSeekBar和ContentLoadingProgressBar， 其中AbsSeekBar的子類有SeekBar和RatingBar，可見這二者是基於ProgressBar實現的。

 

 

二、ProgressBar基礎

 

    進度條也是UI介面中一種非常實用的組件，通常用於向使用者顯示某個耗時操作完成的百分比。

    進度條可以動態地顯示進度，因此避免長時間地執行某個耗時操作時，讓使用者感覺程式失去了響應，從而更好地提高使用者介面的友好性。

    Android支援多種風格的進度條，通過style屬性可以為ProgressBar指定風格。該屬性可支援如下幾個屬性值：

• @android:style/Widget.ProgressBar.Horizontal:水平進度條。

• @android:style/Widget.ProgressBar.Inverse：普通大小的環形進度條。

• @android:style/Widget.ProgressBar.Large：大環形進度條。

• @android:style/Widget.ProgressBar.Large.Inverse：大環形進度條。

• @android:style/Widget.ProgressBar.Small：小環形進度條。

• @android:style/Widget.ProgressBar.Small.Inverse：小環形進度條。

    其實在Android開發中，ProgressBar的樣式設定有兩種方式，除了上面這種，還有一種可以通過如下方式使用：

• ?android:attr/progressBarStyle

• ?android:attr/progressBarStyleHorizontal

• ?android:attr/progressBarStyleInverse

• ?android:attr/progressBarStyleLarge

• ?android:attr/progressBarStyleLargeInverse

• ?android:attr/progressBarStyleSmall

• ?android:attr/progressBarStyleSmallInverse

• ?android:attr/progressBarStyleSmallTitle

    除此之外，ProgressBar還支援如下常用XML屬性：

• android:max：進度條的最大值。

• android:progress：進度條已完成進度值。

• android:progressDrawable：設定軌道對應的Drawable對象。

• android:indeterminate：如果設定成true，則進度條不精確顯示進度。

• android:indeterminateDrawable：設定不顯示進度的進度條的Drawable對象。

• android:indeterminateDuration：設定不精確顯示進度的期間。

• android:secondaryProgress：二級進度條，類似於視頻播放的一條是當前播放進度，一條是緩衝進度。

    其中android:progressDrawable用於指定進度條的軌道的繪製形式，該屬性可指 定為一個LayerDrawable對象的引用。

    ProgressBar提供了如下方法來操作進度：

• getMax()：返回這個進度條的範圍的上限。

• getProgress()：返回進度。

• getSecondaryProgress()：返回次要進度。

• incrementProgressBy(int diff)：指定增加的進度。為正數時進度增加；為負數時進度減少。

• isIndeterminate()：指示進度條是否在不確定模式下。

• setIndeterminate(boolean indeterminate)：設定是否為不確定模式。

 

 

三、ProgressBar樣本

 

    接下來通過一個簡單的樣本程式來學習系統預設ProgressBar的使用。

    從本期開始的進階UI組件部分使用新的模組來完成，可以參照初識ListView這期的建立方法，建立一個advancedviewsample模組。

    這個樣本使用者介面非常簡單，建立程式對應的布局檔案activity_main.xml的代碼如所示：

 

<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"              android:layout_width="match_parent"              android:layout_height="match_parent"              android:orientation="vertical" >    <!-- 系統提供的圓形進度條,依次是大中小 -->    <ProgressBar        style="@android:style/Widget.ProgressBar.Small"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <ProgressBar        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <ProgressBar        style="@android:style/Widget.ProgressBar.Large"        android:layout_width="wrap_content"        android:layout_height="wrap_content" />    <!--系統提供的水平進度條-->    <ProgressBar        style="@android:style/Widget.ProgressBar.Horizontal"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:max="100"        android:progress="18" />    <ProgressBar        style="@android:style/Widget.ProgressBar.Horizontal"        android:layout_width="match_parent"        android:layout_height="wrap_content"        android:layout_marginTop="10dp"        android:indeterminate="true" /></LinearLayout>

    上面的介面布局檔案中先定義了三個環形進度條，這種環形進度條無法顯示進度，它只是顯示一個不斷旋轉的圖片。

    布局檔案的後面定義的兩個水平進度條，第一個進度條有設定進度值；第二個進度條不精確顯示進度。

    程式其餘地方不用修改，直接運行程式可以看到所示介面效果。

    從發現，這些進度條都不是很美觀，而且也沒法顯示具體進度值，這就需要開發人員自訂ProgressBar了，我們下期再來一同學習。

 

    今天就先到這裡，如果有問題歡迎留言一起探討，也歡迎加入Android零基礎入門技術討論群，共同成長！

   此文章著作權為公眾號分享達人秀（ShareExpert）——鑫鱻所有，若需轉載請聯絡作者授權，特此聲明！

 

往期總結分享：

Android零基礎入門第1節：Android的前世今生

Android零基礎入門第2節：Android 系統架構和應用組件那些事

Android零基礎入門第3節：帶你一起來聊一聊Android開發環境

Android零基礎入門第4節：正確安裝和配置JDK, 高富帥養成第一招

Android零基礎入門第5節：善用ADT Bundle, 輕鬆邂逅女神

Android零基礎入門第6節：配置最佳化SDK Manager, 正式約會女神

Android零基礎入門第7節：搞定Android模擬器，開啟甜蜜之旅

Android零基礎入門第8節：HelloWorld，我的第一趟旅程出發點

Android零基礎入門第9節：Android應用實戰，不懂代碼也可以開發

Android零基礎入門第10節：開發IDE大升級，終於迎來了Android Studio

Android零基礎入門第11節：簡單幾步帶你飛，運行Android Studio工程

Android零基礎入門第12節：熟悉Android Studio介面，開始裝逼賣萌

Android零基礎入門第13節：Android Studio配置最佳化，打造開發利器

Android零基礎入門第14節：使用高速Genymotion，跨入火箭時代

Android零基礎入門第15節：掌握Android Studio項目結構，揚帆起航

Android零基礎入門第16節：Android使用者介面開發概述

Android零基礎入門第17節：文字框TextView

Android零基礎入門第18節：輸入框EditText

Android零基礎入門第19節：按鈕Button

Android零基礎入門第20節：複選框CheckBox和選項按鈕RadioButton

Android零基礎入門第21節：開關組件ToggleButton和Switch

Android零基礎入門第22節：映像視圖ImageView

Android零基礎入門第23節：映像按鈕ImageButton和縮放按鈕ZoomButton

Android零基礎入門第24節：自訂View簡單使用，打造屬於你的控制項

Android零基礎入門第25節：簡單且最常用的LinearLayout線性布局

Android零基礎入門第26節：兩種對齊，layout_gravity和gravity大不同

Android零基礎入門第27節：正確使用padding和margin

Android零基礎入門第28節：輕鬆掌握RelativeLayout相對布局

Android零基礎入門第29節：善用TableLayout表格版面配置

Android零基礎入門第30節：兩分鐘掌握FrameLayout幀布局

Android零基礎入門第31節：少用的AbsoluteLayout絕對布局

Android零基礎入門第32節：新推出的GridLayout網格布局

Android零基礎入門第33節：Android事件處理概述

Android零基礎入門第34節：Android中基於監聽的事件處理

Android零基礎入門第35節：Android中基於回調的事件處理

Android零基礎入門第36節：Android系統事件的處理

Android零基礎入門第37節：初識ListView

Android零基礎入門第38節：初識Adapter

Android零基礎入門第39節：ListActivity和自訂欄表項

Android零基礎入門第40節：自訂ArrayAdapter

Android零基礎入門第41節：使用SimpleAdapter

Android零基礎入門第42節：自訂BaseAdapter

Android零基礎入門第43節：ListView最佳化和列表首尾使用

Android零基礎入門第44節：ListView資料動態更新

Android零基礎入門第45節：網格視圖GridView

Android零基礎入門第46節：列表選項框Spinner

Android零基礎入門第47節：自動完成文字框AutoCompleteTextView

Android零基礎入門第48節：可摺疊列表ExpandableListView

Android零基礎入門第49節：AdapterViewFlipper圖片輪播

Android零基礎入門第50節：StackView卡片堆疊

Android零基礎入門第51節：進度條ProgressBar