在 Android Material Design 中，TextInputLayout 是一个用于包含文本输入框的容器，它可以帮助用户更加方便地输入文本，并提供了一些常用的输入验证功能。本文将对 TextInputLayout 的常用属性进行详解，并提供一些示例代码。
基本属性
TextInputLayout 常用的属性如下：
| 属性名 | 含义 |
|---|---|
android:id |
唯一标识符 |
android:layout_width |
宽度 |
android:layout_height |
高度 |
app:hintTextAppearance |
提示文本的样式 |
app:counterEnabled |
是否启用计数器 |
app:counterMaxLength |
计数器最大长度 |
app:passwordToggleEnabled |
是否启用密码可见性切换 |
app:passwordToggleDrawable |
密码可见性切换图标 |
app:hintTextAppearance
这个属性用于设置提示文本的样式，例如文字颜色、字体大小、粗细等。可以使用默认值 @style/TextAppearance.Design.Hint，也可以自定义样式。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:hintTextAppearance="@style/MyHintTextAppearance">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="用户名"/>
</android.support.design.widget.TextInputLayout>app:counterEnabled 和 app:counterMaxLength
这两个属性用于启用计数器和设置计数器最大长度。计数器可以显示当前输入文本的长度和最大长度，以提示用户输入字符数是否在合理范围内。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:counterEnabled="true"
app:counterMaxLength="20">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入文本"/>
</android.support.design.widget.TextInputLayout>app:passwordToggleEnabled 和 app:passwordToggleDrawable
这两个属性用于启用密码可见性切换和设置密码可见性切换图标。通过设置这两个属性，当用户输入密码时，可以方便地切换密码的可见性，以便用户确认密码是否正确。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:passwordToggleEnabled="true"
app:passwordToggleDrawable="@drawable/ic_visibility_24dp">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:inputType="textPassword"
android:hint="请输入密码"/>
</android.support.design.widget.TextInputLayout>高级属性
除了基本属性外，TextInputLayout 还有一些高级属性可以扩展其功能。
app:hintAnimationEnabled
这个属性用于设置是否启用提示文本的动画效果。如果设置为 false，则提示文本将一直显示在输入框上方，不会随着文本输入的变化而移动。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:hintAnimationEnabled="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入文本"/>
</android.support.design.widget.TextInputLayout>app:errorEnabled 和 app:errorTextAppearance
这两个属性用于启用输入验证错误提示和设置错误提示的样式。可以使用默认值 @style/TextAppearance.Design.Error，也可以自定义样式。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:errorEnabled="true"
app:errorTextAppearance="@style/MyErrorTextAppearance">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入文本"/>
</android.support.design.widget.TextInputLayout>app:counterOverflowTextAppearance 和 app:counterTextAppearance
这两个属性用于设置计数器溢出文本和计数器正常文本的样式。可以使用默认值 @style/TextAppearance.Design.Counter，也可以自定义样式。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:counterEnabled="true"
app:counterMaxLength="20"
app:counterTextAppearance="@style/MyCounterTextAppearance"
app:counterOverflowTextAppearance="@style/MyCounterOverflowTextAppearance">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入文本"/>
</android.support.design.widget.TextInputLayout>app:hintEnabled
这个属性用于设置是否启用提示文本。如果设置为 false，则输入框将没有提示文本。
// javascriptcn.com 代码示例
<android.support.design.widget.TextInputLayout
android:layout_width="match_parent"
android:layout_height="wrap_content"
app:hintEnabled="false">
<EditText
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:hint="请输入文本"/>
</android.support.design.widget.TextInputLayout>总结
TextInputLayout 是一个非常实用的输入框容器，它可以帮助用户更加方便地输入文
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/654e6fe77d4982a6eb79d3f4