自定义progressbar颜色

最新推荐文章于 2021-05-25 21:38:56 发布

ytyese

最新推荐文章于 2021-05-25 21:38:56 发布

阅读量421

点赞数

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/ytyese/article/details/51669547

本文介绍了如何通过创建drawable资源文件progressbar_color.xml来自定义ProgressBar的颜色，从而实现个性化UI效果。

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

先创建drawable/progressbar_color.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>
            <solid android:color="@color/cover_track"/>
        </shape>
    </item>
    <!--第二条进度条-->
    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape>
                <corners android:radius="10dip" />
                <!--渐变色-->
                <gradient
                    android:angle="90.0"
                    android:centerColor="#ac6079"
                    android:centerY="0.45"
                    android:endColor="#6c213a"
                    android:startColor="#e71a5e" />
            </shape>
        </clip>
    </item>
    <!--进度条-->
    <item android:id="@android:id/progress">
        <clip>
            <shape>
                <solid android:color="@color/grid_state_pressed"/>
            </shape>
        </clip>
    </item>
</layer-list>

然后在xml中引用

android:progressDrawable="drawable/progressbar_color"

<ProgressBar
    style="?android:attr/progressBarStyleHorizontal"
    android:layout_width="match_parent"
    android:layout_height="3dp"
    android:id="@+id/progressBar2"
    android:layout_gravity="center_horizontal"
    android:progressDrawable="@drawable/progressbar_color"
    />