[Android] TextInputLayout 末端清除Icon點擊清空資料

最近Material Design Components更新至了1.1.0，其中TextInputLayout新增了不少功能，要怎麼確切使用可以看這篇TextInputLayout，版本記得升級到1.1.0。

今天要記錄的是輸入框末端有一個叉叉圖案，點擊下去，輸入框的文字皆會被清空的效果。

效果如圖

Read More

[Android] TextInputLayout 末端眼睛Icon密碼明碼切換顯示

 最近Material Design Components更新至了1.1.0，其中TextInputLayout新增了不少功能，要怎麼確切使用可以看這篇TextInputLayout，版本記得升級到1.1.0。

今天要記錄的是可以在輸入框EditText輸入框的末端有一個眼睛的Icon，點擊該眼睛，可以切換密碼明碼顯示，記得TextInputLayout的endIconMode與TextInputEditText的inputType都要設定。

效果如圖

Read More

[Android] TextIntputLayout 輸入框開頭加上Icon

最近Material Design Components更新至了1.1.0，其中TextInputLayout新增了不少功能，要怎麼確切使用可以看這篇TextInputLayout，版本記得升級到1.1.0，今天要記錄的是可以在輸入框EditText開頭加上Icon的功能，

效果如圖

Read More

[Android] TextInputLayout 下方顯示字數限制與提醒文字

之前記錄過TextInputLayout這篇，除了有打字時，hint文字可以跑到EditText上方的功能，還有幾個小功能，今天就來記錄這兩個小功能 ↓

• EditText下方顯示輔助字眼提示

• EditText下方右方出現字數限制提示

xml寫法如下，各設定含意寫在註解

當這樣設定完後，可以發現下方提示與字數限制提示有正常顯示，但當超過字數時，下方提示字眼要怎麼換成錯誤題示字眼呢?

這邊就需要在程式端設定TextInputLayout，在TextInputEditText加上afterTextChanged Listener，當字數超過5或小於5就進行TextInputLayout的error設定，如下

就可以達成上面圖片的效果囉~

Read More

[Android] TextInputLayout 當有文字輸入，hint文字自動跑到上方

Material Design Components正式的1.0.0推出了，來看看其中的TextInputLayout，其中最顯著的效果就是當使用者在EditText輸入文字時，原先hint的文字會跑到較上方的位置，如下圖↓

首先要使用的話，在build.gradle(app)中加上

再來這layout的xml中加上然後打個字就可以有上圖的效果了。

Read More