在 Material Design 中，TextInputLayout 是一个非常常用的控件，它可以用来实现带有标签的输入框，让用户更加清晰地知道自己在输入什么内容。但是，在默认情况下，当用户输入错误时，TextInputLayout 会弹出一个默认的错误提示信息，而这个提示信息可能不太符合我们的需求。那么，如何自定义 TextInputLayout 的错误提示信息呢？本文将为大家详细介绍。
1. TextInputLayout 的默认错误提示信息
在 Material Design 中，TextInputLayout 的默认错误提示信息是一个红色的提示文本，它会显示在输入框的下方，如下图所示：
这个默认的错误提示信息可能不太符合我们的需求，因为它的样式和内容都是固定的，无法自定义。那么，如何自定义 TextInputLayout 的错误提示信息呢？
2. 自定义 TextInputLayout 的错误提示信息
要自定义 TextInputLayout 的错误提示信息，我们需要使用 setErrorEnabled() 和 setError() 两个方法。setErrorEnabled() 方法用来启用或禁用错误提示信息，而 setError() 方法用来设置错误提示信息的内容和样式。
2.1. 禁用默认错误提示信息
首先，我们需要禁用 TextInputLayout 的默认错误提示信息，这可以通过 setErrorEnabled() 方法来实现。我们可以在 XML 文件中设置它的值为 false，如下所示：
// javascriptcn.com 代码示例
<com.google.android.material.textfield.TextInputLayout
android:id="@+id/text_input_layout"
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入用户名"
app:errorEnabled="false">
<com.google.android.material.textfield.TextInputEditText
android:id="@+id/text_input_edit_text"
android:layout_width="match_parent"
android:layout_height="wrap_content"/>
</com.google.android.material.textfield.TextInputLayout>或者在代码中设置它的值为 false，如下所示：
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout); textInputLayout.setErrorEnabled(false);
2.2. 自定义错误提示信息
接下来，我们需要自定义 TextInputLayout 的错误提示信息。我们可以通过 setError() 方法来设置错误提示信息的内容和样式。setError() 方法有两个参数，第一个参数是错误提示信息的内容，第二个参数是错误提示信息的样式。
2.2.1. 自定义错误提示信息的内容
我们可以通过 setError() 方法的第一个参数来设置错误提示信息的内容。例如，我们可以在代码中设置一个错误提示信息，如下所示：
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout);
textInputLayout.setError("用户名不能为空");这样，当用户没有输入用户名时，TextInputLayout 就会弹出一个错误提示信息，如下图所示：
2.2.2. 自定义错误提示信息的样式
我们还可以通过 setError() 方法的第二个参数来设置错误提示信息的样式。这个参数可以传入一个 Drawable 对象，用来设置错误提示信息的背景、文本颜色、字体大小等属性。
例如，我们可以在代码中设置一个红色的错误提示信息，如下所示：
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout);
textInputLayout.setError("用户名不能为空", getResources().getDrawable(R.drawable.error_background));其中，R.drawable.error_background 是一个自定义的 Drawable 对象，它可以设置错误提示信息的背景、文本颜色、字体大小等属性。例如，我们可以将它设置为红色的背景，白色的文本颜色，字体大小为 14sp，如下所示：
<shape xmlns:android="http://schemas.android.com/apk/res/android"
android:shape="rectangle">
<solid android:color="#FF0000"/>
<corners android:radius="4dp"/>
</shape>然后，在代码中将它传入 setError() 方法的第二个参数中，如下所示：
TextInputLayout textInputLayout = findViewById(R.id.text_input_layout);
textInputLayout.setError("用户名不能为空", getResources().getDrawable(R.drawable.error_background));这样，当用户没有输入用户名时，TextInputLayout 就会弹出一个红色的错误提示信息，如下图所示：
3. 总结
通过本文的介绍，我们学习了如何在 Material Design 中自定义 TextInputLayout 的错误提示信息。我们可以通过 setErrorEnabled() 方法禁用默认的错误提示信息，然后通过 setError() 方法自定义错误提示信息的内容和样式。这样，我们就可以根据自己的需求来设置 TextInputLayout 的错误提示信息，让用户更加清晰地知道自己输入的内容是否正确。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/657ebc62d2f5e1655d996793