Custom SeekBar thumb显示不需要的背景

Question

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

为实现这一目标，我创建了一个名为 custom_seekbar.xml 的layer-list 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>  

我在我的活动中显示SeekBar这样的内容：

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

唯一的问题是拇指。它未按预期显示。它有一个不需要的背景：

如果我设置了透明拇指，则进度不再是圆形。我甚至尝试使用椭圆形形状用于拇指。有人请告诉我哪里出错了？或者，如果有其他方式，我可以达到预期的效果。任何帮助都会非常感激。

Answer 1

添加android:splitTrack="false"，将解决您的问题。对于android:shape="oval"

，我还会使用rectangle代替thumb.xml圆角