Android Support Design Library之TextInputLayout

相信普通的用户在使用手机的时候经常遇到一个输入框没输入的时候会有灰色的提示，可一旦输入些许字符后，用户很快忘记了这个输入框要输入什么，但是退回去却又要重新输入，对于用户的这个要求，谷歌看在眼里，在2015推出了TextInputLayout来满足这个需求。那么对于怎么使用这个控件，我将用模仿网易邮箱大师的登录界面来一一告诉大家怎么畅快的玩起来。

 

下面来看看，我们将要实现的界面。

 

 

1.TextInputLayout在布局里面的那些事

首先导入：

implementation 'com.android.support:design:29.0.0'

对于TextInputLayout并不能单独的使用，必须配合TextInputEditText使用起来。下面我们来看看登录界面的布局XML代码：

 

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:id="@+id/lyj_layout"
    android:orientation="vertical">

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/username_til"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/username_edit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:hint="@string/login_username_edittext_string"/>

    </com.google.android.material.textfield.TextInputLayout>

    <com.google.android.material.textfield.TextInputLayout
        android:id="@+id/password_til"
        android:layout_width="match_parent"
        android:layout_height="wrap_content">

        <com.google.android.material.textfield.TextInputEditText
            android:id="@+id/password_edit"
            android:layout_width="match_parent"
            android:layout_height="wrap_content"
            android:inputType="textPassword"
            android:hint="@string/login_password_edittext_string"/>

    </com.google.android.material.textfield.TextInputlayout>

    <Button
        android:id="@+id/okbut"
        android:layout_width="wrap_content"
        android:layout_height="wrap_content"
        android:layout_gravity="center_horizontal"
        android:text="@string/login_okbut_string"/>

</LinearLayout>

 

 

 

上面只是简单的两个输入框EditText,与一个Button，唯一不同是EditText被TextInputLayout所包裹。这样我们的邮箱登录初始化界面就完成了。现在运行界面，我们就可以得到有动画效果的提示信息界面，如下：

 

 

2.实现网易邮箱提示信息

 

邮箱提示可以用android.support.v7.widget.ListPopupWindow来实现。它与ListView用法相同，也与PopupMenu,PopupWindow用法一样（此一样是说的其中的特性，不是完全）。

 

现在我们来初始化ListPopupWindow：

 

不过先还是写一下用到的所有成员变量：

 

pr