Android：如何用app:setError在TextInputLayout错误提示中添加可点击链接

你当前的实现无法实现可点击的超链接，因为Html.fromHtml()返回的Spanned被转成String后丢失了富文本格式，且TextInputLayout的app:error默认仅支持普通字符串。下面是可行的解决方案：

核心问题分析 #

• 将Html.fromHtml()生成的富文本Spanned调用toString()，会直接丢失超链接的格式信息，最终错误提示只是普通文本。
• TextInputLayout的默认error属性不直接支持绑定Spanned类型，且错误文本的TextView默认未设置MovementMethod，即使有富文本也无法触发点击。

解决方案步骤 #

1. 调整ViewModel中的错误数据类型 #

把errorMsg从MutableLiveData<String?>改为MutableLiveData<Spanned?>，用于存储富文本内容：

var errorMsg = MutableLiveData<Spanned?>()
var name = MutableLiveData<String?>()

fun validate(view: EditText, input: CharSequence) {
    errorMsg.value = input.toString().let {
        if (it.isBlank()) {
            // 直接返回Spanned对象，不要转成String
            Html.fromHtml(view.context.getString(R.string.error_message_empty_name), Html.FROM_HTML_MODE_LEGACY)
        } else {
            name.value = it
            null
        }
    }
}

2. 自定义BindingAdapter支持Spanned错误提示 #

由于DataBinding默认的app:error不支持Spanned，需要编写自定义BindingAdapter来处理：

import android.text.Spanned
import android.text.method.LinkMovementMethod
import android.widget.TextView
import androidx.databinding.BindingAdapter
import com.google.android.material.textfield.TextInputLayout

@BindingAdapter("errorSpanned")
fun TextInputLayout.setErrorSpanned(error: Spanned?) {
    this.error = error
    error?.let {
        // 获取TextInputLayout内部的错误提示TextView，设置链接点击的MovementMethod
        val errorTextView = this.findViewById<TextView>(com.google.android.material.R.id.textinput_error)
        errorTextView.movementMethod = LinkMovementMethod.getInstance()
    }
}

3. 修改布局文件的绑定属性 #

将原有的app:error替换为自定义的app:errorSpanned：

<com.google.android.material.textfield.TextInputLayout
        android:id="@+id/name"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        app:errorSpanned="@{viewModel.errorMsg}" <!-- 替换为自定义属性 -->
        app:errorEnabled="true"
        app:hintEnabled="false"
        app:layout_constraintEnd_toEndOf="parent"
        app:layout_constraintStart_toStartOf="parent">

        <EditText
            android:id="@+id/text_input"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:maxLines="1"
            android:onTextChanged="@{(text, start, before, count) -> viewModel.validate(textInput, text)}"
            android:scrollHorizontally="false"
            android:text="@{viewModel.name}"
            android:textAlignment="viewStart" />

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

替代方案（不使用DataBinding） #

如果不想自定义BindingAdapter，也可以在Activity/Fragment中直接监听errorMsg的变化并设置：

viewModel.errorMsg.observe(this) { spannedError ->
    val nameInputLayout = findViewById<TextInputLayout>(R.id.name)
    nameInputLayout.error = spannedError
    spannedError?.let {
        val errorTextView = nameInputLayout.findViewById<TextView>(com.google.android.material.R.id.textinput_error)
        errorTextView.movementMethod = LinkMovementMethod.getInstance()
    }
}

注意事项 #

• API 24及以上推荐使用Html.FROM_HTML_MODE_COMPACT替代FROM_HTML_MODE_LEGACY，以获得更好的性能和兼容性。
• 确保strings.xml中的CDATA格式正确，超链接的href属性配置有效。

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