Material Design - TextInputLayou

关键字：TextInputLayout、TextInputEditText、材料设计
项目地址：AboutMaterialDesign

---

效果展示.gif

是不是觉得有点丑？ 我也觉得。。但是就这样吧，改不动了。

一、从官网看到的

链接：TextInputLayout

• 介绍：TextInputLayout 作为 EditText 的容器，扩展了它的三个常用功能：
• 1.Hint 的动画上移隐藏
• 2.EditText 的字数上限控制和当前字数的显示
• 3.错误提示
• 4.密码输入模式
• 官方提示：子 View 使用 TextInputEditText 效果更佳

常用功能展示

根据功能，新属性主要有以下几个：

属性	说明
app:Theme	设置下划线或其他的颜色属性
android.support.design:counterEnabled	是否显示计数器
android.support.design:counterMaxLength	设置计数器的最大值,与counterEnabled同时使用
android.support.design:counterTextAppearance	计数器的字体样式
android.support.design:counterOverflowTextAppearance	输入字符大于我们限定个数字符时的字体样式
android.support.design:errorEnabled	是否显示错误信息
android.support.design:errorTextAppearance	错误信息的字体样式
android.support.design:hintAnimationEnabled	是否显示hint的动画,默认true
android.support.design:hintEnabled	是否使用hint属性,默认true
android.support.design:hintTextAppearance	设置hint的文字样式(指运行动画效果之后的样式)
android.support.design:passwordToggleDrawable	设置密码开关Drawable图片,于passwordToggleEnabled同时使用
android.support.design:passwordToggleEnabled	是否显示密码开关图片,需要EditText设置inputType
android.support.design:passwordToggleTint	设置密码开关图片颜色
android.support.design:passwordToggleTintMode	设置密码开关图片(混合颜色模式),与passwordToggleTint同时使用

二、一般使用，并没有高级

• 注意点：
• 看 TextInputLayout 的构造方法发现，上面四个功能里， hint 是默认打开的，其他都是关闭的，需要另行打开。
• errorEnable 这个属性在输入正确后需要及时置为 false，否则 hint 的动画是失效的，其他 bug 暂时没有发现

demo 只做了最基础的设置，其他的属性需要写 style 样式，就不再写了。

最终.gif