显示不需要的背景的自定义 SeekBar 拇指

Custom SeekBar thumb showing unwanted background

我一直在尝试定制 SeekBar。它应该有圆角。即使是 SeekBar 的进度,两边也应该是圆角的。我不需要拇指。像这样的东西。

为此,我制作了一个 layer-list xml 文件,命名为 custom_seekbar.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">
            <corners android:radius="20dp" />
            <solid android:color="#F0E9DC" />
        </shape>
    </item>

    <item android:id="@android:id/secondaryProgress">
        <clip>
            <shape android:shape="rectangle">
                <corners android:radius="20dp" />
                <solid android:color="#F0E9DC" />
            </shape>
        </clip>
    </item>

    <item android:id="@android:id/progress">
        <clip>
            <shape android:shape="rectangle">
                <corners android:radius="20dp" />
                <solid android:color="#E38F71" />
            </shape>
        </clip>
    </item>

</layer-list>  

为了处理移动的圆角,我想到了使用高度等于 SeekBar 的圆拇指。这是 thumb.xml

<?xml version="1.0" encoding="utf-8"?>
<shape xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle">

    <size android:height="16dp"
        android:width="16dp"/>

    <corners android:radius="20dp"/>

    <solid android:color="#E38F71"/>

</shape>  

我在 activity 中显示 SeekBar 这样的

<SeekBar
        android:layout_width="250dp"
        android:layout_height="16dp"
        android:layout_centerInParent="true"
        android:progressDrawable="@drawable/custom_seekbar"
        android:thumb="@drawable/thumb" />  

唯一的问题是拇指。它没有按预期显示。它有这样一个不需要的背景:

如果我设置一个透明的拇指,进度就不再是圆的了。我什至尝试使用 Oval 形状作为拇指。有人请告诉我我要去哪里错了吗?或者,如果有其他方法可以达到预期的效果。任何帮助将不胜感激。

添加 android:splitTrack="false",将解决您的问题。对于你的 thumb.xml

,我也会使用 android:shape="oval",而不是带圆角的 rectangle