Android 類似微信登錄輸入框效果
微信的登錄輸入框效果如下
進(jìn)入自動(dòng)打開自動(dòng)啟動(dòng)軟鍵盤
點(diǎn)擊下一個(gè)輸入框,下劃線顏色改變
怎么實(shí)現(xiàn)這樣的效果呢,其實(shí)非常簡單!
簡單的布局我就不說了,直接上干貨。
1.實(shí)現(xiàn)進(jìn)入自動(dòng)彈出軟鍵盤,在根文件中的Activity中設(shè)置
windowSoftInputMode 屬性為 stateVisible|adjustResize
例如
<activity android:name=".SetLoginPasswordActivity" android:windowSoftInputMode="stateVisible|adjustResize"/>
2.在去掉EditText的下劃線
設(shè)置EditText
<activity android:name=".SetLoginPasswordActivity" android:windowSoftInputMode="stateVisible|adjustResize"/>
3.在TextView和EditText中用View畫一條下劃線
<View android:id="@+id/view_ensure_password" android:layout_marginTop="@dimen/main_margin_top" android:layout_width="match_parent" android:layout_height="@dimen/view_height" android:background="@color/low_line_gray" />
View的高度我設(shè)置的0.5dp
4.實(shí)現(xiàn)根據(jù)EditText是否獲得焦點(diǎn)切換下劃線View顏色
需要監(jiān)聽EditText是否獲得焦點(diǎn),設(shè)置EditText的setOnFocusChangeListener監(jiān)聽器。
例如:
我默認(rèn)設(shè)置的第一個(gè)下滑線是藍(lán)色,第二個(gè)下劃線是灰色。
因?yàn)橹挥袃蓚€(gè)下劃線,所以只需要設(shè)置第二個(gè)下劃線的焦點(diǎn)監(jiān)聽事件即可。
ensurePassword.setOnFocusChangeListener(new View.OnFocusChangeListener() { @Override public void onFocusChange(View v, boolean hasFocus) { //如果第二個(gè)EditText獲得焦點(diǎn),設(shè)置第二個(gè)下劃線顏色為藍(lán)色,第一個(gè)下劃線顏色變灰 if (hasFocus){ viewEnsure.setBackgroundColor(getResources().getColor(R.color.low_line_blue)); viewLogin.setBackgroundColor(getResources().getColor(R.color.low_line_gray)); } //如果第二個(gè)EditText失去焦點(diǎn),即第一個(gè)EditText獲得焦點(diǎn),設(shè)置第一個(gè)下劃線為藍(lán)色,第二個(gè)下劃線為灰色。 else{ viewEnsure.setBackgroundColor(getResources().getColor(R.color.low_line_gray)); viewLogin.setBackgroundColor(getResources().getColor(R.color.low_line_blue)); } } });
如果想跟完全一樣
1.別忘了在布局文件中設(shè)置padding
android:paddingLeft="@dimen/padding_left" android:paddingRight="@dimen/padding_right"
我左右padding都設(shè)置的15dp。
2.設(shè)置EditText只能單行顯示。
android:singleLine="true"
以上所述是小編給大家介紹的Android 類似微信登錄輸入框效果,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
相關(guān)文章
Android微信右滑退出功能的實(shí)現(xiàn)代碼
這篇文章主要介紹了Android微信右滑退出功能的實(shí)現(xiàn)代碼,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2018-01-01Android開發(fā)高級組件之自動(dòng)完成文本框(AutoCompleteTextView)用法示例【附源碼下載】
這篇文章主要介紹了Android開發(fā)高級組件之自動(dòng)完成文本框(AutoCompleteTextView)用法,簡單描述了自動(dòng)完成文本框的功能并結(jié)合實(shí)例形式分析了Android實(shí)現(xiàn)自動(dòng)完成文本框功能的具體步驟與相關(guān)操作技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01Android實(shí)現(xiàn)Recycleview懸浮粘性頭部外加右側(cè)字母導(dǎo)航
這篇文章主要為大家詳細(xì)介紹了Android實(shí)現(xiàn)Recycleview懸浮粘性頭部外加右側(cè)字母導(dǎo)航,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-06-06Windows實(shí)現(xiàn)Flutter環(huán)境搭建及配置這一篇就夠了
這篇文章主要介紹了Windows實(shí)現(xiàn)Flutter環(huán)境搭建及配置這一篇就夠了,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-12-12Android中使用TagFlowLayout制作動(dòng)態(tài)添加刪除標(biāo)簽
這篇文章主要介紹了Android中使用TagFlowLayout制作動(dòng)態(tài)添加刪除標(biāo)簽的步驟詳解,需要的朋友參考下吧2017-07-07Android實(shí)戰(zhàn)打飛機(jī)游戲之無限循環(huán)的背景圖(2)
這篇文章主要為大家詳細(xì)介紹了Android實(shí)戰(zhàn)打飛機(jī)游戲之無限循環(huán)的背景圖,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2016-07-07Android開發(fā)實(shí)現(xiàn)橫向列表GridView橫向滾動(dòng)的方法【附源碼下載】
這篇文章主要介紹了Android開發(fā)實(shí)現(xiàn)橫向列表GridView橫向滾動(dòng)的方法,結(jié)合實(shí)例形式分析了Android橫向列表GridView實(shí)現(xiàn)橫向滾動(dòng)的相關(guān)布局與功能實(shí)現(xiàn)技巧,并附帶源碼供讀者下載參考,需要的朋友可以參考下2018-01-01Android studio 實(shí)現(xiàn)手機(jī)掃描二維碼功能
這篇文章主要介紹了Android studio 實(shí)現(xiàn)手機(jī)掃描二維碼功能,需要的朋友可以參考下2019-10-10