如何实现带两个水平排列编辑框且仅含一个提示的TextInputLayout？

嘿，这个需求我刚好做过类似的，核心思路其实很简单：TextInputLayout本质是一个灵活的容器，它不止能直接包裹单个EditText，还能容纳嵌套的布局容器。我们只需要把两个水平排列的EditText放进一个线性布局里，再把这个线性布局塞进TextInputLayout，同时让TextInputLayout统一托管那个长提示就搞定了。

步骤1：编写核心布局代码 #

直接上XML示例，这样最直观：

<com.google.android.material.textfield.TextInputLayout
    android:id="@+id/doubleInputLayout"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入你的完整收货信息（街道名称+详细门牌号）" <!-- 这里放你的长提示文本 -->
    app:hintEnabled="true"
    app:hintAnimationEnabled="true">

    <!-- 水平容器，用来承载两个输入框 -->
    <LinearLayout
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:orientation="horizontal"
        android:gap="12dp"> <!-- 控制两个输入框之间的间距 -->

        <!-- 第一个输入框：必须清空hint，避免和TextInputLayout的提示冲突 -->
        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/inputStreet"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="2" <!-- 按比例分配宽度，这里街道占2份 -->
            android:hint=""
            android:inputType="text"
            android:singleLine="true" />

        <!-- 第二个输入框：同样清空hint -->
        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/inputHouseNumber"
            android:layout_width="0dp"
            android:layout_height="wrap_content"
            android:layout_weight="1" <!-- 门牌号占1份 -->
            android:hint=""
            android:inputType="number"
            android:singleLine="true" />

    </LinearLayout>

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

步骤2：关键细节说明 #

• 提示统一托管：必须把两个EditText的android:hint设为空，这样TextInputLayout的顶部提示会独占上方区域，不会和单个输入框的小提示冲突。而且默认的浮动提示动画也会正常工作——点击任意输入框时，提示会平滑飘到顶部。
• 宽度适配：用layout_weight来分配两个输入框的宽度比例，能保证在不同尺寸的屏幕上都有合理的布局。如果需要固定宽度，也可以直接设置android:layout_width为具体数值，但权重的适配性更好。
• 间距控制：用LinearLayout的android:gap来设置两个输入框的间距，不要给LinearLayout加额外的padding/margin，不然可能会导致TextInputLayout的提示位置偏移。

可选优化：错误提示处理 #

如果需要验证两个输入框的内容（比如都不能为空），可以通过TextInputLayout统一显示错误提示，体验更协调：

// 示例：输入验证逻辑
val streetInput = inputStreet.text?.toString().orEmpty()
val houseInput = inputHouseNumber.text?.toString().orEmpty()

if (streetInput.isBlank() || houseInput.isBlank()) {
    doubleInputLayout.error = "街道名称和门牌号都不能为空哦！"
} else {
    doubleInputLayout.error = null
    // 处理合法输入逻辑
}

注意事项 #

• 确保你的项目已经引入了Material Components库，不然TextInputLayout和TextInputEditText会报错。如果没引入，在build.gradle（Module级别）里添加依赖：

implementation 'com.google.android.material:material:1.11.0' // 可以用最新稳定版本

这样实现出来的效果完全符合你的需求：一个带长提示的TextInputLayout，内部两个输入框水平排列，提示完美覆盖在两个输入框的上方～

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