如何创建带自定义thumb的圆形SeekBar？自定义thumb不显示如何解决

• 核心错误1：你将自定义轨道设置到了android:background属性，SeekBar的进度轨道需设置到android:progressDrawable属性。默认SeekBar的原生轨道高度极小，thumb会根据原生轨道位置绘制，直接被你设置的45dp宽度的背景stroke遮挡或偏移到可视区域外。
• 核心错误2：AppCompatSeekBar默认会对thumb应用主题色 tint，可能导致thumb被覆盖或透明，需添加android:thumbTint="@null"关闭默认着色。
• 补充调整：设置android:thumbOffset属性适配thumb大小，避免两端显示截断，你的thumb尺寸为30dp，设置android:thumbOffset="15dp"即可。

修正后的代码示例 #

1. 轨道资源 lap_counter.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
            android:shape="rectangle"
            android:useLevel="false">
            <corners android:radius="500dp" />
            <stroke
                android:width="45dp"
                android:color="@color/blue_secondary" />
        </shape>
    </item>
    <!-- 已选中进度轨道 可自行修改颜色样式 -->
    <item android:id="@android:id/progress">
        <clip>
            <shape
                android:shape="rectangle"
                android:useLevel="true">
                <corners android:radius="500dp" />
                <stroke
                    android:width="45dp"
                    android:color="@color/orange" />
            </shape>
        </clip>
    </item>
</layer-list>

2. 优化后的thumb资源（删除多余属性避免异常） #

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="oval">
            <solid android:color="@color/white"/>
            <stroke android:color="@color/orange" android:width="3dp"/>
            <size android:width="30dp" android:height="30dp"/>
        </shape>
    </item>
</layer-list>

3. 布局中SeekBar配置 #

<androidx.appcompat.widget.AppCompatSeekBar
    android:id="@+id/sb_lap_counter"
    android:layout_width="700dp"
    android:layout_height="wrap_content"
    android:layout_centerInParent="true"
    android:progress="50"
    android:max="100"
    android:progressDrawable="@drawable/lap_counter"
    android:thumb="@drawable/lap_counter_thumb"
    android:thumbTint="@null"
    android:thumbOffset="15dp"
    android:paddingVertical="20dp"
    tools:progress="50" />

内容的提问来源于stack exchange，提问作者MadMax