????全段時(shí)間無意中下載網(wǎng)易支付,因?yàn)橛玫氖莍os手機(jī),原諒我大安卓開發(fā)用蘋果機(jī)凿将,原因之一就有體驗(yàn)酷炫的特效,進(jìn)入app后進(jìn)入登錄注冊(cè)頁面,當(dāng)輸入信息時(shí)發(fā)現(xiàn)登錄界面十分炫酷随珠,就是點(diǎn)擊輸入框之后輸入框上提示的文字會(huì)通過一個(gè)動(dòng)畫變換到輸入框上方灭袁,不知道是怎么做的,就立馬下了個(gè)android的網(wǎng)易支付app窗看,但是安卓版未實(shí)現(xiàn)這種效果茸歧,一度搜索Android是否有此功能,然后發(fā)現(xiàn)在TextInputLayout显沈,在Design效果中就已經(jīng)具有此效果软瞎,TextInputLayout是22.2.0新添加的控件逢唤,具體使用和相關(guān)屬性如下:
先在項(xiàng)目中app的build.gradle的dependencies中加入:
? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ?compile'com.android.support:design:26.+'
相關(guān)部分屬性如下:
設(shè)置是否顯示一個(gè)計(jì)數(shù)器
????counterEnabled ?--- setCounterEnabled(boolean)
設(shè)置計(jì)數(shù)器的最大計(jì)數(shù)數(shù)值
????counterMaxLength ---setCounterMaxLength(int) ? ? ? ? ? ? ??
控制密碼可見開關(guān)是否啟用
????passwordToggleEnabled ---setPasswordVisibilityToggleEnabled(boolean) ??
設(shè)置密碼可見開關(guān)的圖標(biāo)
? ? passwordToggleDrawable---setPasswordVisibilityToggleDrawable(Drawable)?
設(shè)置密碼開關(guān)圖片顏色
????passwordToggleTint---setPasswordVisibilityToggleTintList(ColorStateList) ?
設(shè)置密碼開關(guān)圖片(混合顏色模式),與passwordToggleTint同時(shí)使用
????passwordToggleTintMode---setPasswordVisibilityToggleTintMode(@NullablePorterDuff.Mode mode) ??
設(shè)置正常情況下的計(jì)數(shù)器文字顏色和大小
????counterTextAppearance---setCounterTextAppearance(@StyleRes int resId)?
設(shè)置hint的文本屬性,改變hint文字的大小顏色等屬性
????hintTextAppearance---setHintTextAppearance(@StyleRes int resId)?
相關(guān)應(yīng)用代碼如下:
動(dòng)態(tài)gif效果圖如下:
本文Demo地址:CoolLoginBox涤浇,有問題多多討論鳖藕,歡迎star和fork!