绘制自定义搜索栏

Question

我正在尝试绘制自定义搜索栏。下面是我想要实现的屏幕截图。

我已经完成了搜索栏，但唯一的问题是搜索栏的拇指。 以下是我的搜索栏的拇指代码。

<?xml version="1.0" encoding="utf-8"?>
<shape
    xmlns:android="http://schemas.android.com/apk/res/android"
    android:shape="rectangle"
    android:thickness="4dp"
    android:useLevel="false"
    android:tint="#22B7FF">
    <solid
        android:color="#22B7FF" />
    <size
        android:width="32dp"
        android:height="130dp" />

</shape>

我知道如何绘制垂直线 我想在drawable xml中绘制完整的拇指，而不是使用view标签 我不明白如何在拇指的正中心画垂直线。 任何帮助将不胜感激

Answer 1

拇指代码。相应地编辑它的高度和顶部底部空格：

    <?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- This is the main color -->

    <item>
        <shape android:shape="rectangle">
            <corners android:radius="1dp" />
            <solid android:color="#22B7FF" />
            <size
                android:width="10dp"
                android:height="20dp" />
        </shape>
    </item>

    <item
        android:bottom="7dp"
        android:left="4.5dp"
        android:right="4.5dp"
        android:top="7dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/black" />

            <size
                android:width="1dp"
                android:height="4dp" />

        </shape>
    </item>

    <item
        android:bottom="7dp"
        android:left="2.5dp"
        android:right="6.5dp"
        android:top="7dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/black" />

            <size
                android:width="1dp"
                android:height="4dp" />

        </shape>
    </item>


    <item
        android:bottom="7dp"
        android:left="6.5dp"
        android:right="2.5dp"
        android:top="7dp">
        <shape android:shape="rectangle">
            <solid android:color="@android:color/black" />

            <size
                android:width="1dp"
                android:height="4dp" />

        </shape>
    </item>


</layer-list>