不知不覺這已經是第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