如何使用自定义拇指创建自定义圆形搜索栏？

Question

我正在尝试创建一个像这样的自定义圆形搜索栏：

我已经完成了形状和拇指 xml，但是当我将它放入布局 xml 时，拇指没有出现。

Seekbar 背景 xml (lap_counter.xml)：

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape
            android:shape="rectangle"
            android:thicknessRatio="16"
            android:useLevel="false">
            <corners android:radius="500dp" />
            <stroke
                android:width="45dp"
                android:color="@color/blue_secondary" />
        </shape>
    </item>
</layer-list>

自定义拇指 xml：

<layer-list xmlns:android="http://schemas.android.com/apk/res/android"
    android:color="@color/white">
    <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>

但是当应用自定义 xml 时，结果如下：

<androidx.appcompat.widget.AppCompatSeekBar
                            android:id="@+id/sb_lap_counter"
                            android:layout_width="700dp"
                            android:layout_height="300dp"
                            android:layout_centerInParent="true"
                            android:progress="50"
                            android:background="@drawable/lap_counter"
                            android:thumb="@drawable/lap_counter_thumb"
                            tools:progress="50" />

我尝试将其作为自定义样式放入 theme.xml 中，但它也不起作用。 我做错了什么？

Answer 1

您正在使用搜索栏。这仅适用于水平搜索。橙色的东西是您需要的缩略图。