高仿微信支付的密碼框

2021-07-22 14:24:49 字數 1125 閱讀 7801

首先從布局說起,我將布局分成乙個linearlayout,平分成了6份,每乙個裡邊是乙個imageview,中間用textview分割開。然後再蓋上乙個edittext,以供調出鍵盤,盛放輸入的內容,並監聽輸入的長度來控制顯示的個數。大致思路就是這樣,下邊來看實現過程。

1、布局:

2、**實現

**實現很簡單,就是監聽edittext的輸入

來控制的顯示隱藏

首先,獲取到6個imageview和edittext。然後將6個imageview按照順序裝入乙個容器,比如乙個list。

然後寫乙個方法控制imageview的顯示,很簡單:

從0到輸入的長度的位置為顯示,從輸入的長度的位置到最後為隱藏

private void setvisibility(listviews, int length)

for (int i = length; i < views.size(); i++)

}有了上面那些,接下來就是對edittext新增監聽

et.addtextchangedlistener(this);

會重寫三個方法,看著方法名字就知道變化前,變化時,變化後。我們只用在其中乙個方法裡邊呼叫我們寫的控制imageview顯示隱藏的方法就行。有沒有很簡單

@override

public void beforetextchanged(charsequence charsequence, int i, int i1, int i2)

@override

public void ontextchanged(charsequence charsequence, int i, int i1, int i2)

@override

public void aftertextchanged(editable editable)

最後ps:1、需要注意的是edittext一定要放在上邊,不然事件分發不到他,調不出鍵盤。

2、edittext一定要設定android:cursorvisible="false",隱藏游標,要不就能看到游標在移動

3、android:textcolor="@android:color/transparent",將字型顏色設定為透明的

iOS仿支付寶輸入支付密碼框

類似於下圖這樣的輸入框,並實現其功能 實現這個頁面,其中輸入框部分為核心問題,僅針對輸入框部分進行解讀 下面 只看其功能不看其位置資訊 toptextfield uitextfield alloc initwithframe cgrectmake 0,wayline.bottom,passview....

仿微信 支付寶等簡潔的驗證碼 密碼輸入框。

liuguangli verificationcodeinput 更多 作者 提 bug 示例 apk 標籤 驗證碼 輸入框 verification 簡潔驗證碼輸入框,能自定義輸入框個數和樣式。監聽輸入完成 verificationcodeinput input verificationcodei...

高仿微信聊天介面長按彈框樣式

網上找了一下,沒找到。android 現成的 listpopupwindow 又不能滿足需求。關鍵檔案 示例 及使用方法等我都放到 github 上了。這篇文章就不展開說明了。這篇文章重點說明下怎麼把這個樣式給擼出來的。說明一些關鍵點。讓大家知其然,更加知其所以然。傳送門 popupwindow 預...