Question

我希望设计一个如下所示的编辑框-两端的小尖端

任何帮助将不胜感激！。

谢谢

Answer 1

使用此代码在可绘制文件夹中创建一个xml文件

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
<item>
    <shape android:shape="rectangle">
        <stroke
            android:width="1dp"
            android:color="#de0b0b" />
        <solid android:color="#ffffff" />
    </shape>
</item>

<item
    android:bottom="5dp"
    android:top="0dp">
    <shape android:shape="rectangle">
        <stroke
            android:width="10dp"
            android:color="#ffffff" />
        <solid android:color="@android:color/transparent" />
    </shape>
</item>

</layer-list>

要使用，请使用

android:background="@drawable/name"

到您的textView或EditText

我希望这可以帮助您

Answer 2

创建如下所示的可绘制文件，并将其设置为您的编辑文本的背景

可绘制文件：

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

<item>
    <shape android:shape="rectangle">
        <stroke
            android:width="2dp"
            android:color="@android:color/darker_gray" />
        <solid android:color="@android:color/white" />
    </shape>
</item>

<item android:bottom="10dp">
    <shape android:shape="rectangle">
        <stroke
            android:width="2dp"
            android:color="@android:color/white" />
        <solid android:color="@android:color/white" />
    </shape>
</item>

</layer-list>

结果：

Answer 3

在您的textview或editText背景中使用以下可绘制的xml：-

<layer-list xmlns:android="http://schemas.android.com/apk/res/android" >

<item
    >
    <shape android:shape="rectangle" >
        <stroke
            android:width="1dp"
            android:color="#FF500778" />

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

    </shape>
</item>
<item
    android:bottom="10dp"
    android:left="-2dp"
    android:right="-2dp"
    android:top="-2dp">
    <shape android:shape="rectangle" >
        <stroke
            android:width="1dp"
            android:color="#FFFFFFFF" />

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

    </shape>
</item>
 </layer-list>

编辑框的两端都有小尖端

3 个答案: