如何使用 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"

你可以在專用主題中找到更多詳細資訊和示例。