我需要设计类似破折号的Editext，以便在andriod kotlin中输入Refrral代码

Question

我想要 xml 设计来用破折号编辑文本以输入推荐代码，下面我提到了输出。

这是图片

我尝试为该破折号创建一个形状，我尝试了不同的方法但不起作用。

<?xml version="1.0" encoding="utf-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <item>
        <shape android:shape="rectangle">
            <solid android:color="@color/green" />
            <size android:height="2dp" />
        </shape>
    </item>

    <item android:top="18dp">
        <shape android:shape="rectangle">
            <size android:height="2dp" />
            <solid android:color="@color/green" />
        </shape>
    </item>
</layer-list>

<EditText
            android:id="@+id/code1"
            android:layout_width="55dp"
            android:layout_height="55dp"
            android:gravity="center"
            android:maxLength="1"
            android:background="@drawable/ref_background"
            android:textSize="18sp"
            android:padding="8dp"
            android:layout_marginEnd="4dp"
            android:imeOptions="actionNext" />

我已经在上面添加了我的代码。这不起作用我该怎么办。

我怎样才能实现像我添加的上图这样的输出。

Answer 1

你可以试试这个。

<EditText
        android:id="@+id/text_1"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="ABC"
        android:background="@color/white"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintBottom_toBottomOf="parent"
        app:layout_constraintStart_toStartOf="parent"
        app:layout_constraintEnd_toEndOf="parent"/>
    <View
        android:layout_width="0dp"
        android:layout_height="4dp"
        android:background="@color/pink_application"
        app:layout_constraintTop_toBottomOf="@id/text_1"
        app:layout_constraintStart_toStartOf="@id/text_1"
        app:layout_constraintEnd_toEndOf="@id/text_1"/>

基本上。我将创建一个视图并将其设置在 Edittext 下方