大家好，我是貍小華，萌漢子一枚。今天給大家帶來的是仿微信/支付寶的密碼輸入框。這個效果也出來有一段時間了，所以搜索一下還是有不少的網友實現，但是，但是！經過一番查看后，我發現他們的實現分為兩大類。

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

我們實現的是上面的密碼輸入框，這個鍵盤。。。系統自帶的哦，調用用戶輸入法輸入，方便擴展。

下面，我們來具體分析下怎么實現這個view。先從簡單的開始。extends View 然后實現三個構造函數，這些就不細細講了，然后是onMeasure：

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

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

淺顯易懂，這里寬度和高度之所以-2，是因為，畫圓角矩形時，如果線寬度不為1，他是以線寬度的中點為基準畫的，會導致下面和右邊的線會細一點，所以這里留出一點邊。

那么，畫完這些后，填充點數據測試，理所應當的，我們會有下面的效果圖。

看起來好像完成了，其實還早呢，我們還沒監聽用戶的輸入，這可是重點，難點，請同學們畫起來！讓我們回憶下一個普通EditText是怎么獲取輸入的。1，點擊以后獲取焦點；2，著色，光標閃動提示；3，彈出軟鍵盤；然后用戶輸入；那么，我們先來做這件事，點擊彈出個鍵盤先，不然怎么輸入？

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

input是一個輸入法管理類。點擊后獲取焦點，然后彈出軟鍵盤，那么失去焦點，肯定要隱藏軟鍵盤啊！

onCheckIsTextEditor()請重寫這個方法并返回true，為了告訴系統，我這個view可以接受輸入。好的，鍵盤是彈出來了，我們怎么監聽用戶輸入呢？別急，不管是軟鍵盤，還是“硬”鍵盤，用戶的按鍵都是一個KeyEvent，我們直接設置個監聽器，獲得用戶按下的鍵編號，就知道用戶按下了什么了。this.setOnKeyListener(new MyKeyListener());

按下了代表數字的鍵，記錄下來，按下刪除就刪除。這里有一個ensureFinishInput，用來判斷輸入完了沒有，輸入完了就調用回調接口。

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

為了解決上面的問題，我們先講講輸入法。如果我們要接受輸入中文怎么辦？不可能一個keyEvent監聽吧。輸入法可是有短語啊，詞匯的。所以，當系統彈出輸入法時，會與目標view建立一個鏈接，然后傳輸文本等等給view。

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

這里就可以順便設置我要彈出的是數字鍵盤了~然后是實現baseinputconnection

這里，我們重寫了delete。。。方法，因為按下軟鍵盤的DEL會觸發這個方法，我們手動模擬發送KeyEvent給view。為什么不在這里直接操作？因為…如果擁有'硬'鍵盤，就是外接物理鍵盤的手機，他DEL還是會觸發的，我們統一處理。這里是參考stack overflow上的大神，不得不說谷歌大法好。

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

至此，完美結束。

代碼下載：PswInputViewDemo.rar

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持VEVB武林網。