Android ProgressBar控件

原创已于 2023-12-12 11:12:17 修改 · 2.7k 阅读

7 ·

CC 4.0 BY-SA版权

文章标签：

#android #ProgressBar

于 2018-08-23 17:58:41 首次发布

Android 笔记同时被 2 个专栏收录

196 篇文章

订阅专栏

Android 控件

41 篇文章

订阅专栏

本文详细介绍了Android中的ProgressBar控件，包括其两种样式：旋转和水平，以及如何通过设置style属性来区分。此外，还讲解了如何自定义进度条背景，利用shape文件和图片指定背景，以及使用indeterminateDrawable属性实现动画效果。

1. ProgressBar类

ProgressBar用于显示进度条，进度条有两种不同的样式，旋转和水平，通过设置style来区分。

旋转进度条，有大、中、小三种样式。

style="?android:attr/progressBarStyleSmall" 
style="?android:attr/progressBarStyleSmallInverse" 
style="?android:attr/progressBarStyleSmallTitle" 
style="?android:attr/progressBarStyleLarge" 
style="?android:attr/progressBarStyleLargeInverse"
style="?android:attr/progressBarStyleInverse"

水平进度条，水平进度条可以设置progress、secondaryProgress、max属性，来显示进度。

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="?android:attr/progressBarStyleHorizontal"
    android:max="100"
    android:progress="30"/>

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    style="?android:attr/progressBarStyleHorizontal"
    android:max="100"
    android:progress="40"
    android:secondaryProgress="70"/>

效果如下

2. 自定义进度条背景

可以通过设置shape文件来指定进度条背景，需要配置progressDrawable属性

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="5dp"
    style="?android:attr/progressBarStyleHorizontal"
    android:max="100"
    android:progress="30"
    android:progressDrawable="@drawable/progress_bar_bg"/>

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="5dp"
    android:layout_marginTop="5dp"
    style="?android:attr/progressBarStyleHorizontal"
    android:max="100"
    android:progress="40"
    android:secondaryProgress="70"
    android:progressDrawable="@drawable/progress_bar_bg"/>

progress_bar_bg.xml文件

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background" >
        <shape>
            <solid android:color="#ffffffff" />
        </shape>
    </item>
    <item android:id="@android:id/secondaryProgress" >
        <clip>
            <shape>
                <solid android:color="#fff84c00" />
            </shape>
        </clip>
    </item>
    <item android:id="@android:id/progress" >
        <clip>
            <shape>
                <solid android:color="#ffff8c00" />
            </shape>
        </clip>
    </item>
</layer-list>

效果如下

利用图片指定进度条背景

<ProgressBar
    android:layout_width="match_parent"
    android:layout_height="10dp"
    style="?android:attr/progressBarStyleHorizontal"
    android:max="100"
    android:progress="30"
    android:progressDrawable="@drawable/progress_bar_star_bg"/>

progress_bar_star_bg.xml文件

<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:id="@android:id/background" >
        <shape>
            <solid android:color="#ffffffff" />
        </shape>
    </item>
    <item android:id="@android:id/progress"
        android:drawable="@drawable/star" />
</layer-list>

效果如下

利用indeterminateDrawable属性

<ProgressBar
    android:layout_width="wrap_content"
    android:layout_height="wrap_content"
    android:indeterminateDrawable="@anim/anim_progress_bar"
    android:indeterminateDuration="1000"/>

anim_progress_bar.xml文件

<rotate xmlns:android="http://schemas.android.com/apk/res/android"
    android:drawable="@drawable/nav_refresh"
    android:fromDegrees="0"
    android:toDegrees="360"
    android:pivotX="50%"
    android:pivotY="50%" />