Android 自定义ProgressBar样式（进度条颜色和背景颜色）

最新推荐文章于 2025-06-11 10:58:22 发布

原创最新推荐文章于 2025-06-11 10:58:22 发布 · 3k 阅读

CC 4.0 BY-SA版权

本文详细介绍如何在Android中自定义ProgressBar的样式，包括设置进度条的颜色为渐变色（从#149EFF到#2DC8FE），以及背景颜色为黑色(#331000)。通过修改drawable目录下的XML文件，可以轻松实现这一效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

Android 自定义ProgressBar （样式进度条颜色和背景颜色）

首先,在drawable目录下新建文件
personal_center_level_progress_bg.xml

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 设置背景色（黑色） -->
    <item android:id="@android:id/background">
        <shape>
            <corners android:radius="@dimen/sp_12"></corners>
            <solid android:color="#331000"></solid>
        </shape>
    </item>

    <!-- 设置进度条颜色（白色） -->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <gradient
                    android:angle="45"
                    android:endColor="#2DC8FE"
                    android:startColor="#149EFF"></gradient>
                <corners android:radius="4dp"></corners>
            </shape>
        </clip>
    </item>
</layer-list>

然后,就是在布局界面对ProgressBar设置

 <ProgressBar
        android:id="@+id/pb_bar"
        android:layout_width="match_parent"
        android:layout_height="5dp"
        style="?android:attr/progressBarStyleHorizontal"
        android:max="100"
        android:visibility="gone"
         android:progressDrawable="@drawable/personal_center_level_progress_bg"   //在这里,看见没
        />