如何为含EditText的TextInputLayout添加自定义错误TextView并设置布局约束？

当然有办法实现这个需求！我们可以借助ConstraintLayout的强大约束能力，轻松满足你提到的两个布局要求，同时结合代码控制错误文本的显示时机。下面是具体的实现步骤：

一、布局结构设计 #

首先用ConstraintLayout作为父容器，把TextInputLayout和自定义错误TextView都放在里面，通过约束实现精准对齐：

<androidx.constraintlayout.widget.ConstraintLayout
    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="wrap_content">

    <!-- 你的TextInputLayout -->
    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/text_input_layout"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:layout_constraintTop_toTopOf="parent"
        app:hint="Email">

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

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

    <!-- 自定义错误提示TextView -->
    <TextView
        android:id="@+id/custom_error_tv"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:text="invalid email"
        android:textColor="@color/design_default_color_error"
        android:textSize="12sp" <!-- 和上浮后hint的默认大小一致 -->
        app:layout_constraintEnd_toEndOf="@id/text_input_layout" <!-- 右端对齐TextInputLayout -->
        app:layout_constraintTop_toTopOf="@com.google.android.material.R.id/textinput_hint" <!-- 顶部对齐内部hint -->
        android:visibility="gone"/> <!-- 默认隐藏，按需显示 -->

</androidx.constraintlayout.widget.ConstraintLayout>

关键约束说明： #

• 右端对齐：通过app:layout_constraintEnd_toEndOf="@id/text_input_layout"，让错误文本的右端和TextInputLayout的右端完全对齐，满足第一个要求。
• 顶部对齐上浮hint：这里直接绑定到TextInputLayout内部的hint TextView（id为com.google.android.material.R.id.textinput_hint），不管hint是浮在顶部还是在输入框内，错误文本的顶部都会和hint的顶部精准对齐，完美匹配第二个需求。

二、代码控制显示时机 #

接下来需要监听输入框的文本变化，只有当输入框有内容（hint上浮）且输入无效时，才显示自定义错误文本：

val emailEditText = findViewById<TextInputEditText>(R.id.email_edit_text)
val customErrorTv = findViewById<TextView>(R.id.custom_error_tv)
val textInputLayout = findViewById<TextInputLayout>(R.id.text_input_layout)

emailEditText.addTextChangedListener(object : TextWatcher {
    override fun beforeTextChanged(s: CharSequence?, start: Int, count: Int, after: Int) {}

    override fun onTextChanged(s: CharSequence?, start: Int, before: Int, count: Int) {
        val hasInput = !s.isNullOrEmpty()
        val isEmailValid = android.util.Patterns.EMAIL_ADDRESS.matcher(s ?: "").matches()

        // 只有有输入且无效时，显示错误文本
        customErrorTv.visibility = if (hasInput && !isEmailValid) View.VISIBLE else View.GONE
        // 隐藏TextInputLayout自带的错误提示，避免重叠
        textInputLayout.error = null
    }

    override fun afterTextChanged(s: Editable?) {}
})

三、细节优化 #

• 文本大小一致：TextInputLayout上浮后的hint默认大小是12sp，所以把自定义错误文本的textSize设为12sp即可；如果你的主题修改了hint大小，对应调整这个值就行。
• 微调位置：如果觉得错误文本和hint的间距不太舒服，可以给TextView加个android:marginLeft或者android:translationX微调，比如加4dp的左边距，视觉上更协调。

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