绘制自定义搜索栏

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 本身中绘制完整的拇指而不是使用视图标签我不明白如何在拇指的确切中心绘制垂直线。任何帮助将不胜感激

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>

绘制自定义搜索栏

Drawing a custom Seek Bar

android

seekbar