如何使用 TextInputLayout

确保在依赖项下的应用程序的 build.gradle 文件中添加了以下依赖项:

compile 'com.android.support:design:25.3.1'

输入值时,将 EditText 中的提示显示为浮动标签。

<android.support.design.widget.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content">

     <android.support.design.widget.TextInputEditText
         android:layout_width="match_parent"
         android:layout_height="wrap_content"
         android:hint="@string/form_username"/>

</android.support.design.widget.TextInputLayout>

要使用 TextInputLayout 显示密码显示眼图标,我们可以使用以下代码:

<android.support.design.widget.TextInputLayout
    android:id="@+id/input_layout_current_password"
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    app:passwordToggleEnabled="true">

    <android.support.design.widget.TextInputEditText

        android:id="@+id/current_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:hint="@string/current_password"
        android:inputType="textPassword" />

</android.support.design.widget.TextInputLayout>

其中 app:passwordToggleEnabled="true"android:inputType="textPassword" 参数是必需的。

app 应该使用命名空间 xmlns:app="http://schemas.android.com/apk/res-auto"

你可以在专用主题中找到更多详细信息和示例。