Android開發(fā)手冊TextInputLayout樣式使用示例

更新時間：2022年06月10日 17:22:39 作者：芝麻粒兒

這篇文章主要為大家介紹了Android開發(fā)手冊TextInputLayout樣式使用示例，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪

前言

前面小空帶同學們學了EditText控件，又用其實踐做了個驗證碼功能，以為這就完了嗎？

然而并沒有。

Android在5.0以后引入了Materia Design庫的設計，現(xiàn)在又有了Jetpack UI庫的設計。幫助開發(fā)者更高效的實現(xiàn)炫酷的UI界面，降低開發(fā)門檻。

Jetpack我們后面再說，承接之前的EditText，先說說Materia Design里的TextInputLayout。

使用方式是將TextInputEditText或EditText套到TextInputLayout內，這樣友情提示信息hit就可以帶有動畫（上浮為標題），計數(shù)/密碼可見等屬性設置。

布局代碼

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="請輸入用戶名">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:hint="請輸入密碼">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

這樣就簡單的實現(xiàn)了一個效果。我們在繼續(xù)深入添加些屬性：

<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:hint="請輸入用戶名"
    app:hintAnimationEnabled="false">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="number" />
</com.google.android.material.textfield.TextInputLayout>
<com.google.android.material.textfield.TextInputLayout
    android:layout_width="match_parent"
    android:layout_height="wrap_content"
    android:layout_marginTop="60dp"
    android:hint="請輸入密碼"
    app:counterEnabled="true"
    app:counterMaxLength="10"
    app:passwordToggleEnabled="true">
    <EditText
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:inputType="textPassword" />
</com.google.android.material.textfield.TextInputLayout>

從運行結果可以看出，設置了字數(shù)限制后，自動在編輯框右下角顯示最大字數(shù)和當前輸入字數(shù)（隨著輸入情況實時變化），并且更改了顏色樣式