Android Studio中XML表单字段标题嵌入边框实现代码求助

要实现你需要的「字段名称放置在输入框边框上」的效果，最简洁可靠的方式是使用Android官方Material Design组件库中的TextInputLayout，它原生支持这种标签嵌入边框的样式，不需要用RelativeLayout或其他布局手动折腾。

以下是完整的实现代码：

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas.android.com/apk/res-auto"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical"
    android:padding="16dp"
    android:gap="16dp">

    <!-- 用户名输入项 -->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/username_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="用户名"
        app:boxStrokeColor="@color/black"
        app:hintTextColor="@color/black">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPersonName" />

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

    <!-- 邮箱输入项 -->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/email_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="邮箱地址"
        app:boxStrokeColor="@color/black"
        app:hintTextColor="@color/black">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textEmailAddress" />

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

    <!-- 密码输入项（带显示/隐藏开关） -->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/password_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="密码"
        app:boxStrokeColor="@color/black"
        app:hintTextColor="@color/black"
        app:passwordToggleEnabled="true">

        <com.google.android.material.textfield.TextInputEditText
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword" />

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

</LinearLayout>

关键说明： #

1. 依赖引入：确保项目已添加Material组件依赖，在Module级别的build.gradle文件中添加：

implementation 'com.google.android.material:material:1.11.0' // 可根据项目需求调整版本

2. 核心逻辑：TextInputLayout的android:hint就是显示在边框上的字段名称，输入框TextInputEditText无需单独设置hint，会自动继承容器的hint内容。
3. 样式自定义：可以通过app:boxStrokeColor设置边框颜色、app:hintTextColor设置标签文字颜色，还能通过app:boxCornerRadiusTopStart/app:boxCornerRadiusTopEnd等属性调整边框圆角，完全适配你的设计需求。

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