Android ProgressBar 樣式詳解

一、基礎使用

ProgressBar 是一種常用的控制項，用來顯示應用程序的進程、載入狀態和其他類似的任務。在 Android 系統中，ProgressBar 有多種不同的樣式，可以通過 XML 或代碼來設置。以下是一個基本的 ProgressBar 的使用方法：

    
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>
    

上述代碼創建了一個默認樣式的 ProgressBar，它的大小會根據包含它的布局自適應。在代碼中也可以設置 ProgressBar 的進度（通過 setProgress() 方法）和是否可見（通過 setVisibility() 方法）等屬性。

二、樣式自定義

1. 定製 ProgressBar 的顏色

可以通過修改 ProgressBar 的樣式來自定義其顏色，對應的 XML 屬性為 android:progressTint（ProgressBar 的進度顏色）和 android:progressBackgroundTint（ProgressBar 的進度條顏色）。以下代碼可以將進度條的顏色和進度的顏色自定義為藍色：

    
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:progressTint="@color/blue"
            android:progressBackgroundTint="@color/light_blue"/>
    

2. 改變 ProgressBar 大小

可以通過修改 ProgressBar 的樣式來改變其大小以適應應用程序的需求。ProgressBar 的大小可以通過修改其高度和寬度來實現。對應的 XML 屬性為 android:layout_width 和 android:layout_height。以下代碼可以將進度條設置為寬度為 200dp，高度為 8dp：

    
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="200dp"
            android:layout_height="8dp"/>
    

3. 自定義 ProgressBar 的形狀

可以通過修改 ProgressBar 的形狀來自定義其樣式。ProgressBar 的形狀可以通過修改其背景 drawable 來實現。下面是一個可自定義形狀的圓形 ProgressBar 的 XML：

    
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:progressDrawable="@drawable/circle_progressbar"/>
    

上述代碼中，circle_progressbar 是一個自定義的 drawable 文件，用於定義 ProgressBar 的形狀。以下是一個樣例文件的示例：

    
        <?xml version="1.0" encoding="utf-8"?>
        <layer-list xmlns:android="http://schemas.android.com/apk/res/android" android:shape="oval">
            <item>
                <shape android:shape="oval">
                    <solid android:color="@color/gray"/>
                </shape>
            </item>
            <item android:id="@android:id/progress">
                <clip>
                    <shape
                        android:shape="oval"
                        android:tint="@color/blue">
                        <solid android:color="@color/blue"/>
                    </shape>
                </clip>
            </item>
        </layer-list>
    

上述代碼中，layer-list 中定義了一個 oval（圓形）形狀的 ProgressBar，其中通過 id 為 android:id/progress 來指定 ProgressBar 的進度。

4. 自定義 ProgressBar 的效果

除了自定義 ProgressBar 的形狀之外，還可以通過修改其繪製效果來實現自定義。具體地，可以通過實現 ProgressBar 的 indeterminateDrawable 屬性來實現。下面是一個可自定義效果的 ProgressBar 的 XML：

    
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:indeterminateDrawable="@drawable/custom_progressbar"/>
    

上述代碼中，custom_progressbar 是一個自定義的 drawable 文件，用於定義 ProgressBar 的效果。以下是一個樣例文件的示例：

    
        <?xml version="1.0" encoding="utf-8"?>
        <animation-list xmlns:android="http://schemas.android.com/apk/res/android"
            android:oneshot="false">
            <item
                android:drawable="@drawable/progressbar_1"
                android:duration="75" />
            <item
                android:drawable="@drawable/progressbar_2"
                android:duration="75" />
            <item
                android:drawable="@drawable/progressbar_3"
                android:duration="75" />
            <item
                android:drawable="@drawable/progressbar_4"
                android:duration="75" />
        </animation-list>
    

上述代碼中，animation-list 定義了一個幀動畫，用於實現 ProgressBar 的自定義效果。

三、總結

Android ProgressBar 樣式具有很強的可定製化能力，可以根據應用程序的需求來實現樣式的自定義。具體地，可以通過修改 ProgressBar 的顏色、大小、形狀和效果來實現不同的顯示效果。以下是本文介紹的部分代碼：

    
        //創建默認樣式的ProgressBar
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"/>

        //改變樣式自定義ProgressBar的顏色
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:progressTint="@color/blue"
            android:progressBackgroundTint="@color/light_blue"/>

        //自定義ProgressBar的形狀
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="50dp"
            android:layout_height="50dp"
            android:progressDrawable="@drawable/circle_progressbar"/>

        //自定義ProgressBar的效果
        <ProgressBar
            android:id="@+id/progressBar"
            android:layout_width="wrap_content"
            android:layout_height="wrap_content"
            android:indeterminateDrawable="@drawable/custom_progressbar"/>