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"/>