Android开发手册TextInputLayout样式使用示例

更新时间：2022年06月10日 17:22:39 作者：芝麻粒儿

这篇文章主要为大家介绍了Android开发手册TextInputLayout样式使用示例，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪

前言

前面小空带同学们学了EditText控件，又用其实践做了个验证码功能，以为这就完了吗？

然而并没有。

Android在5.0以后引入了Materia Design库的设计，现在又有了Jetpack UI库的设计。帮助开发者更高效的实现炫酷的UI界面，降低开发门槛。

Jetpack我们后面再说，承接之前的EditText，先说说Materia Design里的TextInputLayout。

使用方式是将TextInputEditText或EditText套到TextInputLayout内，这样友情提示信息hit就可以带有动画（上浮为标题），计数/密码可见等属性设置。

布局代码

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入用户名">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:hint="请输入密码">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

这样就简单的实现了一个效果。我们在继续深入添加些属性：

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="请输入用户名"
    app:hintAnimationEnabled="false">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:hint="请输入密码"
    app:counterEnabled="true"
    app:counterMaxLength="10"
    app:passwordToggleEnabled="true">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

从运行结果可以看出，设置了字数限制后，自动在编辑框右下角显示最大字数和当前输入字数（随着输入情况实时变化），并且更改了颜色样式

😜属性介绍

app:boxCollapsedPaddingTop 设置用于编辑文本在框模式下折叠的顶部填充的值
app:boxStrokeErrorColor 在显示错误时设置轮廓框的描边颜色。
app:boxStrokeWidth 设置描边的宽度
app:boxStrokeWidthFocused 设置获取焦点框的描边宽度
app:counterEnabled 是否显示计数器
app:counterMaxLength 设置计数器的最大值,与counterEnabled同时使用
app:counterTextAppearance 计数器的字体样式
app:counterOverflowTextAppearance 输入字符大于我们限定个数字符时的字体样式
app:errorEnabled 是否显示错误信息
app:errorTextAppearance  错误信息的字体样式
app:endIconCheckable 设置是否显示结束图标
app:endIconContentDescription 为结束图标设置内容说明
app:endIconDrawable 设置结束图标图像
app:endIconMode 设置模式
app:endIconTintMode 指定混合模式，用于将指定的色调应用于可绘制的结束图标。
app:helperText 设置帮助文本
app:helperTextEnabled 设置是否激活帮助文本
app:helperTextTextColor 设置帮助文本颜色
app:hintAnimationEnabled 是否显示hint的动画,默认true
app:hintEnabled 是否使用hint属性,默认true
app:hintTextAppearance 设置hint的文字样式(指运行动画效果之后的样式)
app:passwordToggleDrawable 设置密码开关Drawable图片,于passwordToggleEnabled同时使用
app:passwordToggleEnabled 是否显示密码开关图片,需要EditText设置inputType
app:passwordToggleTint 设置密码开关图片颜色
app:passwordToggleTintMode 设置密码开关图片(混合颜色模式),与passwordToggleTint同时使用

以上就是Android开发手册TextInputLayout样式使用示例的详细内容，更多关于Android开发TextInputLayout样式的资料请关注脚本之家其它相关文章！

您可能感兴趣的文章:

Kotlin中常见内联扩展函数的使用方法教程
在Kotlin中，使用inline修饰符标记内联函数，既会影响到函数本身, 也影响到传递给它的Lambda表达式，这两者都会被内联到调用处。下面这篇文章主要给大家介绍了关于Kotlin中常见内联扩展函数的使用方法，需要的朋友可以参考下。
2017-12-12
Android开发之PopupWindow创建弹窗、对话框的方法详解
这篇文章主要介绍了Android开发之PopupWindow创建弹窗、对话框的方法,结合实例形式详细分析了Android使用PopupWindow创建对话框相关操作技巧,需要的朋友可以参考下
2019-03-03
Android自定义动态壁纸开发详解
这篇文章主要为大家详细介绍了Android自定义动态壁纸开发，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-01-01
Android 中CheckBox的isChecked的使用实例详解
这篇文章主要介绍了Android 中CheckBox的isChecked的使用实例详解的相关资料,需要的朋友可以参考下
2017-04-04
Android实现同频共帧动画效果
我们听过“同频共振”,其原理是多个物体物体以同样的频率振动,但是本篇实现的效果是“同频共帧”,含义是：动画以同样的频率和同样的帧展示在多个不同View上,文中通过代码示例介绍的非常详细,感兴趣的同学可以自己动手尝试一下
2024-01-01
Android ListView之setEmptyView正确使用方法
这篇文章主要介绍了Android ListView之setEmptyView正确使用方法的相关资料,希望通过本文能帮助到大家使用该方法，需要的朋友可以参考下
2017-09-09
Android仿京东搜索框渐变效果
这篇文章主要为大家详细介绍了Android仿京东搜索框渐变效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-06-06
Android裁剪图像实现方法示例
这篇文章主要介绍了Android裁剪图像实现方法,结合完整实例形式分析了Android针对图片的读取、调用、裁剪、保存等操作实现技巧,需要的朋友可以参考下
2016-08-08
Android自定义view实现圆的扩散效果
这篇文章主要为大家详细介绍了Android自定义view实现圆的扩散效果，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2019-01-01
Android实现可拖拽带有坐标尺进度条的示例代码
这篇文章主要为大家详细介绍了如何利用Android实现可拖拽带有坐标尺进度条的效果，文中的示例代码讲解详细，需要的小伙伴可以参考一下
2023-06-06