Materia Design系列之TextInputLayout

  我们知道，Android从5.0版本开始，新增了Android Materia Design库，开发者能够更加高效的实现炫酷的UI效果。今天我们将详细了解下Materia Design库中的TextInputLayout和TextInputEditText组件。

TextInputLayout实际上是用于辅助EditText的。当用户在EditText中输入文本时，会在EditText的上方显示一个浮动标签，这个标签的内容实际上就是EditText的android：hint属性。另外，TextInputLayout继承于LinearLayout，说明它只是一个布局，需要配合子件才能使用，EditText或者是TextInputEditText,但是，TextInputLayout的子控件只能有一个，类似ScrollView，这一点需要注意。

拓展1：TextInputEditText相对于传统的EditText的区别或者说优化有哪些？

我们先看图，了解下TextInputLayout的常见属性都有哪些。然后开始按步骤学习TextInputLayout的使用。

TextInputLayout属性

1.在builde.gradle文件下添加依赖库:

implementation'com.android.support:appcompat-v7:27.1.1'

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

2.XML布局文件中自定义activity_main.xml文件设置相关属性:

    android:layout_width="match_parent"

    android:layout_height="match_parent"

    android:orientation="vertical"

    android:gravity="center">

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

        android:drawableLeft="@drawable/phone"

        android:layout_width="match_parent"

        android:layout_height="wrap_content"

        android:hint="请输入账号"/>

        android:layout_marginTop="15dp"

        android:layout_marginLeft="15dp"

        android:layout_marginRight="15dp"

        android:layout_width="match_parent"

        android:layout_height="wrap_content">

            android:drawableLeft="@drawable/phone"

            android:layout_width="match_parent"

            android:layout_height="wrap_content"

            android:hint="请输入密码"/>