android - 自定义文本输入布局

Question

我想将边框应用于 TextInputLayout，如图所示。

现在我已经这样实现了。

但是，我想要如下图所示(即标签放置在边框内)。

我为 EditText 实现的代码如下。

<customviews.MyEditText
             android:id="@+id/email"
             android:layout_width="match_parent"
             android:layout_height="wrap_content"
             android:background="@drawable/edittext_border_background"
             android:layout_marginEnd="30dp"
             android:layout_marginStart="30dp"
             android:layout_marginTop="45dp"
             android:gravity="start"
             android:hint="@string/hint_username"
             android:imeOptions="actionNext|actionDone"
             android:inputType="textEmailAddress|text"
             android:padding="10dp"
             android:textColor="@color/primary_text"
             android:textColorHint="@color/secondary_text"
             android:textSize="16sp"
            />

并且，对于边框，我应用了背景 editetext_border_background.xml 如下

<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle"
android:padding="20dp">
    <solid android:color="#FFFFFF"/>
    <corners
        android:bottomRightRadius="0dp"
        android:bottomLeftRadius="0dp"
        android:topLeftRadius="0dp"
        android:topRightRadius="0dp"/>
    <stroke 
        android:width="1dip"
        android:color="@color/primary" />

</shape>

当我尝试将边框应用于 TextInputLayout 时，它没有提供预期的输出。

谁能帮帮我？？

Answer 1

您应该为 Outline Box 使用 Material Design 风格。简单使用:

style="@style/Widget.MaterialComponents.TextInputLayout.OutlinedBox"

在 TextInputLayout 中。请参阅 Material Design Guide 中的 Android 文本字段