seekbar设置进度条颜色

最新推荐文章于 2025-04-25 13:29:03 发布

月色下的独轮车

最新推荐文章于 2025-04-25 13:29:03 发布

阅读量1.8w

点赞数 7

文章标签： seekbar android

本文链接：https://blog.youkuaiyun.com/baidu_31093133/article/details/79272809

版权

android学习笔记专栏收录该内容

190 篇文章

订阅专栏

本文介绍如何使用SeekBar组件设置进度条的颜色，包括设置统一颜色及渐变颜色的方法，并提供了具体的XML配置示例。

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

seekbar设置进度条颜色

效果图

seekbar

资源下载：

seekbar设置进度条的颜色-优快云下载
http://download.youkuaiyun.com/download/baidu_31093133/10242615

核心代码

 <SeekBar
        style="?android:attr/progressBarStyleHorizontal"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:max="100"
        android:maxHeight="3.4dp"
        android:minHeight="3.4dp"
        android:paddingBottom="10dp"
        android:paddingTop="10dp"
        android:progress="50"
        android:splitTrack="false"

        //这里设置seekbar的进度条颜色
        android:progressDrawable="@drawable/bg_adjust_seek_bar"
        //这里设置seekbar的按钮图片
        android:thumb="@drawable/bg_seek_bar_thumb2"/>

同一种颜色的进度条bg_adjust_seek_bar.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"
        android:paddingBottom="4dp"
        android:paddingTop="4dp">
        <shape>
            <corners android:radius="50dp"/>
            <solid android:color="#efefef"/>
        </shape>
    </item>

    <item
        android:id="@android:id/progress"
        android:paddingBottom="4dp"
        android:paddingTop="4dp">
        <clip>
            <shape>
                <corners android:radius="50dp"/>
                <gradient
                    android:angle="0"
                    android:endColor="#2896F0"
                    android:startColor="#2896F0"/>
            </shape>
        </clip>
    </item>
</layer-list>

实现颜色渐变的进度条

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item
        android:id="@android:id/background"
        android:paddingBottom="4dp"
        android:paddingTop="4dp">
        <shape>
            <corners android:radius="50dp"/>
            <solid android:color="#999999"/>
        </shape>
    </item>

    <item
        android:id="@android:id/progress"
        android:paddingBottom="4dp"
        android:paddingTop="4dp">
        <clip>
            <shape>
                <corners android:radius="50dp"/>
                <gradient
                    android:angle="0"
                    android:endColor="#C166D1"
                    android:startColor="#2896F0"/>
            </shape>
        </clip>
    </item>
</layer-list>