Android 5.0新控件 TextInputLayout | 文字输入布局 介绍及使用详情

Android 5.0新控件 TextInputLayout | 文字输入布局 介绍及使用详情

extends LinearLayout

Layout which wraps an EditText (or descendant) to show a floating label when the hint is hidden due to the user inputting text.
Also supports showing an error via setErrorEnabled(boolean) and setError(CharSequence)

Google官方对这个控件的大概意思是 这是一个可以包裹EditText或者继承EditText的浮动标签，提示当由于用户输入text时而隐藏,
还支持通过setErrorEnabled（boolean）和setError（CharSequence）显示错误

一般来说， EditText 有一个 hint 属性，当 Edittext 中没有内容时，就会显示文字提示。一旦用户开始输入时，这个文字提示就会消失，取而代之地显示用户的输入。这样有一个坏处就是用户就无法了解到当前自己输入的是关于什么的信息。

而TextInputLayout解决了这个问题，用户开始输入时， hint 文字提示会变成 EditText 上方的标签，并伴随一个向上平移+缩放的优雅动画

说得再好不如来张图

使用方法

• TextInputLayout来自design兼容包，使用需要添加依赖。android studio 添加依赖如下：

dependencies {
    compile ‘com.android.support:design:24.2.0‘
}

首先，XML中添加布局文件

Step1

 <LinearLayout
            android:layout_width="match_parent"
            android:layout_height="match_parent"
            android:orientation="vertical"
            android:padding="@dimen/px_90">

            <android.support.design.widget.TextInputLayout
                android:id="@+id/text_username"
                android:layout_width="match_parent"
                android:layout_height="wrap_co