android仿微信支付寶的支付密碼輸入框示例

大家好，我是貍小華，萌漢子一枚。今天給大家?guī)淼氖欠挛⑿?支付寶的密碼輸入框。這個(gè)效果也出來有一段時(shí)間了，所以搜索一下還是有不少的網(wǎng)友實(shí)現(xiàn)，但是，但是！經(jīng)過一番查看后，我發(fā)現(xiàn)他們的實(shí)現(xiàn)分為兩大類。

一，直接繼承EditText，然后在ondraw里面做文章；二，EditText外面包一個(gè)viewGroup。我不喜歡這兩種實(shí)現(xiàn)方式，覺著有些臃腫了，所以我詳細(xì)介紹下我的實(shí)現(xiàn)方式：直接繼承View，獲取用戶的輸入，然后draw出來。

我們實(shí)現(xiàn)的是上面的密碼輸入框，這個(gè)鍵盤。。。系統(tǒng)自帶的哦，調(diào)用用戶輸入法輸入，方便擴(kuò)展。

下面，我們來具體分析下怎么實(shí)現(xiàn)這個(gè)view。先從簡(jiǎn)單的開始。extends View 然后實(shí)現(xiàn)三個(gè)構(gòu)造函數(shù)，這些就不細(xì)細(xì)講了，然后是onMeasure：

MeasureWidth和MeasureHeight所做的工作是如果是wrap_content則返回-1，不然返回準(zhǔn)確大小。Ps：里面有個(gè)前面定義的size變量，表示的是每個(gè)格子的邊長(zhǎng)。

好的測(cè)量完了之后我們先來畫一下外面的圓角矩形，和里面的分割線。

淺顯易懂，這里寬度和高度之所以-2，是因?yàn)椋媹A角矩形時(shí)，如果線寬度不為1，他是以線寬度的中點(diǎn)為基準(zhǔn)畫的，會(huì)導(dǎo)致下面和右邊的線會(huì)細(xì)一點(diǎn)，所以這里留出一點(diǎn)邊。

那么，畫完這些后，填充點(diǎn)數(shù)據(jù)測(cè)試，理所應(yīng)當(dāng)?shù)模覀儠?huì)有下面的效果圖。

看起來好像完成了，其實(shí)還早呢，我們還沒監(jiān)聽用戶的輸入，這可是重點(diǎn)，難點(diǎn)，請(qǐng)同學(xué)們畫起來！讓我們回憶下一個(gè)普通EditText是怎么獲取輸入的。1，點(diǎn)擊以后獲取焦點(diǎn)；2，著色，光標(biāo)閃動(dòng)提示；3，彈出軟鍵盤；然后用戶輸入；那么，我們先來做這件事，點(diǎn)擊彈出個(gè)鍵盤先，不然怎么輸入？

先在初始化的時(shí)候： this.setFocusable(true); this.setFocusableInTouchMode(true);讓這個(gè)view可以獲取焦點(diǎn)，然后再在onTouchEvent

input是一個(gè)輸入法管理類。點(diǎn)擊后獲取焦點(diǎn)，然后彈出軟鍵盤，那么失去焦點(diǎn)，肯定要隱藏軟鍵盤??！

onCheckIsTextEditor()請(qǐng)重寫這個(gè)方法并返回true，為了告訴系統(tǒng)，我這個(gè)view可以接受輸入。好的，鍵盤是彈出來了，我們?cè)趺幢O(jiān)聽用戶輸入呢？別急，不管是軟鍵盤，還是“硬”鍵盤，用戶的按鍵都是一個(gè)KeyEvent，我們直接設(shè)置個(gè)監(jiān)聽器，獲得用戶按下的鍵編號(hào)，就知道用戶按下了什么了。this.setOnKeyListener(new MyKeyListener());

按下了代表數(shù)字的鍵，記錄下來，按下刪除就刪除。這里有一個(gè)ensureFinishInput，用來判斷輸入完了沒有，輸入完了就調(diào)用回調(diào)接口。

好的，這下看起來好像完了，但是，圖樣圖森破。首先，我們上面彈出軟鍵盤，沒有指定輸入類型啊，也沒有指定操作類型啊！這是什么？想想EditText，有個(gè)inputtype，imeType。不然的話，我們只處理數(shù)字，他給我彈出個(gè)英文鍵盤，這怎么搞？還有一個(gè)隱藏的bug，點(diǎn)擊軟鍵盤的DEL刪除是沒有keyevent發(fā)出的！這個(gè)更麻煩。

為了解決上面的問題，我們先講講輸入法。如果我們要接受輸入中文怎么辦？不可能一個(gè)keyEvent監(jiān)聽吧。輸入法可是有短語(yǔ)啊，詞匯的。所以，當(dāng)系統(tǒng)彈出輸入法時(shí)，會(huì)與目標(biāo)view建立一個(gè)鏈接，然后傳輸文本等等給view。

所以，我們先建立連接，重寫view的這個(gè)方法。

這里就可以順便設(shè)置我要彈出的是數(shù)字鍵盤了~然后是實(shí)現(xiàn)baseinputconnection

這里，我們重寫了delete。。。方法，因?yàn)榘聪萝涙I盤的DEL會(huì)觸發(fā)這個(gè)方法，我們手動(dòng)模擬發(fā)送KeyEvent給view。為什么不在這里直接操作？因?yàn)椤绻麚碛?硬'鍵盤，就是外接物理鍵盤的手機(jī)，他DEL還是會(huì)觸發(fā)的，我們統(tǒng)一處理。這里是參考stack overflow上的大神，不得不說谷歌大法好。

到這里，我們大概實(shí)現(xiàn)了所有功能了，但是，但是，還有個(gè)問題，如果按下home鍵或者切換app，我們的鍵盤并沒有隱藏起來，所以，還要這樣做：

至此，完美結(jié)束。

代碼下載：PswInputViewDemo_jb51.rar

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持億速云。