如何创建自定义Drawable样式的SeekBar？

一、核心实现原理 #

Android的SeekBar是ProgressBar的子类，自定义这类圆角渐变样式不需要手动绘制，核心是通过XML配置Drawable资源，定义进度条、背景、滑块的形状、颜色、圆角等属性，再关联到SeekBar的对应属性上即可。

二、具体实现步骤 #

1. 编写背景Drawable（res/drawable/seekbar_bg.xml） #

定义未选中区域的样式：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 背景填充色 -->
    <solid android:color="#E0E0E0" />
    <!-- 圆角半径 -->
    <corners android:radius="20dp" />
    <!-- 进度条高度 -->
    <size android:height="8dp" />
</shape>

2. 编写进度Drawable（res/drawable/seekbar_progress.xml） #

定义已选中区域的样式：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">
    <!-- 进度填充色 -->
    <solid android:color="#FF4081" />
    <!-- 圆角半径 -->
    <corners android:radius="20dp" />
    <!-- 进度条高度 -->
    <size android:height="8dp" />
</shape>

3. 编写滑块Drawable（res/drawable/seekbar_thumb.xml） #

定义滑块的样式，也可以用现成图片替代：

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="oval">
    <!-- 滑块填充色 -->
    <solid android:color="#FF4081" />
    <!-- 滑块大小 -->
    <size
        android:width="24dp"
        android:height="24dp" />
    <!-- 可选：添加白色边框 -->
    <stroke
        android:width="2dp"
        android:color="#FFFFFF" />
</shape>

4. 布局中配置SeekBar #

把上述Drawable关联到SeekBar属性：

<SeekBar
    android:id="@+id/customSeekBar"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:progressDrawable="@drawable/seekbar_progress"
    android:background="@drawable/seekbar_bg"
    android:thumb="@drawable/seekbar_thumb"
    android:thumbOffset="0dp"
    android:paddingVertical="8dp" />

三、预制Drawable资源包推荐 #

没必要从零编写，有现成资源可以直接用：

• 开源库如MaterialSeekBar、RoundedSeekBar自带预制的圆角、渐变风格样式，直接依赖就能快速实现效果。
• GitHub上搜索「Android SeekBar Drawable Pack」，能找到打包好的各类自定义Drawable资源，下载后放到项目res/drawable目录即可使用。

四、进阶说明 #

如果需要渐变进度、动态颜色变化这类复杂效果，可以用layer-list或StateListDrawable扩展Drawable；只有需要完全自定义绘制逻辑时，才需要继承SeekBar重写onDraw()方法，绝大多数场景用XML Drawable就能满足需求。

内容的提问来源于stack exchange，提问作者Rebel In The F.D.G