自定义Seebar进度条、进度条背景颜色，更换进度滑动icon。

最新推荐文章于 2024-02-20 19:30:00 发布

Yurja_Lee

最新推荐文章于 2024-02-20 19:30:00 发布

阅读量815

点赞数 2

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/weixin_38193813/article/details/80955054

本文介绍如何通过自定义SeekBar的进度条及背景颜色来实现独特的视觉效果。具体步骤包括：1) 在drawable文件夹中创建SeeBar.xml文件定义样式；2) 在布局文件中引用该样式文件实现SeekBar的定制。

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

1、先上效果图

2、自定义Seebar进度条、进度条背景颜色

在drawable中新建文件SeeBar.xml，如下

<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="@color/bg_seeBar_vignette"/>
        </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="@color/white"
                    android:startColor="@color/white"/>
            </shape>
        </clip>
    </item>
</layer-list>

3、在布局文件中引用对应的drawable文件

    <SeekBar
        android:id="@+id/seekBar"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:maxHeight="3.5dp"
        android:minHeight="3.5dp"
        android:paddingBottom="10dp"
        android:layout_gravity="bottom"
        android:layout_marginBottom="46dp"
        android:splitTrack="false"
        android:progressDrawable="@drawable/seebar_vignette"   
        android:thumb="@drawable/ic_seebar_thumb"
        android:max="100"/>
  <!--android:thumb="@drawable/ic_seebar_thumb" 改变进度条上icon图 -->