Android带标签EditText边框实现求助：现有方案未达预期

我明白你想要的是那种顶部带有标签、边框在标签位置留出缺口的EditText效果，你当前的shape文件只能实现普通的全包围边框，确实达不到预期。这里给你两种可行的解决方案，优先推荐更省心的Material组件方案：

方案一：使用Material Design的TextInputLayout（推荐） #

这是Android官方提供的组件，原生支持浮动标签、带缺口的边框，完全匹配你想要的效果，不需要自己写复杂的自定义Drawable。

步骤1：添加Material依赖 #

在你的Module级别的build.gradle（或build.gradle.kts）中添加Material组件依赖：

implementation 'com.google.android.material:material:1.11.0' // 可以替换为最新版本

步骤2：布局中使用TextInputLayout包裹TextInputEditText #

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/your_text_input_layout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="你的标签文本" <!-- 这里设置标签内容 -->
    app:boxStrokeColor="#A0A0A0" <!-- 边框颜色，和你原来的一致 -->
    app:boxStrokeWidth="1dp" <!-- 边框宽度，和你原来的一致 -->
    app:hintTextColor="#A0A0A0" <!-- 标签文本颜色 -->
    app:hintEnabled="true">

    <com.google.android.material.textfield.TextInputEditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@null" <!-- 去掉EditText默认背景，让边框显示 -->
        android:paddingHorizontal="12dp"
        android:paddingVertical="10dp" />

</com.google.android.material.textfield.TextInputLayout>

这个方案的优势：

• 标签会在EditText获得焦点时自动浮动到上方，失去焦点且内容为空时回到输入框内
• 支持错误提示、密码可见切换等扩展功能
• 完全符合Material Design规范，适配不同系统版本

方案二：自定义组合布局+LayerList Drawable（不依赖Material组件） #

如果你的项目不能引入Material组件，可以用这种方式手动实现：

步骤1：创建带顶部缺口的边框Drawable（res/drawable/custom_edittext_border.xml） #

<?xml version="1.0" encoding="UTF-8"?>
<layer-list xmlns:android="http://schemas.android.com/apk/res/android">
    <!-- 基础全边框 -->
    <item>
        <shape>
            <solid android:color="#FFFFFF" />
            <stroke
                android:width="1dp"
                android:color="#A0A0A0" />
            <corners android:radius="4dp" /> <!-- 可选：给边框加圆角 -->
        </shape>
    </item>
    <!-- 顶部缺口遮罩：用白色覆盖顶部中间的边框，形成缺口 -->
    <item
        android:top="-1dp" <!-- 向上偏移1dp，覆盖边框的顶部线条 -->
        android:left="40dp" <!-- 左边距，控制缺口宽度 -->
        android:right="40dp"> <!-- 右边距，控制缺口宽度 -->
        <shape>
            <solid android:color="#FFFFFF" /> <!-- 颜色要和布局背景色一致 -->
        </shape>
    </item>
</layer-list>

步骤2：用组合布局放置EditText和标签TextView #

<androidx.constraintlayout.widget.ConstraintLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:paddingTop="8dp">

    <EditText
        android:id="@+id/your_edittext"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:background="@drawable/custom_edittext_border"
        android:paddingHorizontal="12dp"
        android:paddingVertical="12dp"
        app:layout_constraintTop_toTopOf="parent" />

    <TextView
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="你的标签文本"
        android:textColor="#A0A0A0"
        android:textSize="14sp"
        android:paddingHorizontal="8dp"
        android:background="#FFFFFF" <!-- 背景色要和布局背景一致，遮住下方的边框 -->
        app:layout_constraintStart_toStartOf="@id/your_edittext"
        app:layout_constraintTop_toTopOf="parent"
        app:layout_constraintMarginStart="16dp" />

</androidx.constraintlayout.widget.ConstraintLayout>

注意：这种方式的标签是固定在顶部的，不会随焦点浮动，如果需要浮动效果，还需要自己编写代码监听EditText的焦点变化，动态调整TextView的位置和大小。

内容的提问来源于stack exchange，提问作者Talib