Android的TextInputLayout樣式如何使用

這篇文章主要介紹“Android的TextInputLayout樣式如何使用”的相關知識，小編通過實際案例向大家展示操作過程，操作方法簡單快捷，實用性強，希望這篇“Android的TextInputLayout樣式如何使用”文章能幫助大家解決問題。

布局代碼

<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>

這樣就簡單的實現了一個效果。我們在繼續深入添加些屬性：

<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>

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

????屬性介紹

• app:boxCollapsedPaddingTop 設置用于編輯文本在框模式下折疊的頂部填充的值 

• app:boxStrokeErrorColor 在顯示錯誤時設置輪廓框的描邊顏色。 

• app:boxStrokeWidth 設置描邊的寬度 

• app:boxStrokeWidthFocused 設置獲取焦點框的描邊寬度 

• app:counterEnabled     是否顯示計數器 

• app:counterMaxLength 設置計數器的最大值,與counterEnabled同時使用 

• app:counterTextAppearance       計數器的字體樣式 

• app:counterOverflowTextAppearance 輸入字符大于我們限定個數字符時的字體樣式 

• app:errorEnabled  是否顯示錯誤信息 

• app:errorTextAppearance    錯誤信息的字體樣式 

• app:endIconCheckable 設置是否顯示結束圖標 

• app:endIconContentDescription 為結束圖標設置內容說明 

• app:endIconDrawable 設置結束圖標圖像 

• app:endIconMode 設置模式 

• app:endIconTintMode 指定混合模式，用于將 指定的色調應用于可繪制的結束圖標。 

• app:helperText 設置幫助文本 

• app:helperTextEnabled 設置是否激活幫助文本 

• app:helperTextTextColor 設置幫助文本顏色 

• app:hintAnimationEnabled  是否顯示hint的動畫,默認true 

• app:hintEnabled    是否使用hint屬性,默認true 

• app:hintTextAppearance      設置hint的文字樣式(指運行動畫效果之后的樣式) 

• app:passwordToggleDrawable    設置密碼開關Drawable圖片,于passwordToggleEnabled同時使用 

• app:passwordToggleEnabled      是否顯示密碼開關圖片,需要EditText設置inputType 

• app:passwordToggleTint     設置密碼開關圖片顏色 

• app:passwordToggleTintMode    設置密碼開關圖片(混合顏色模式),與passwordToggleTint同時使用

關于“Android的TextInputLayout樣式如何使用”的內容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業相關的知識，可以關注億速云行業資訊頻道，小編每天都會為大家更新不同的知識點。