Android EditText方框驗證碼 短信驗證碼攻略

本文由xiawe_i提供。

xiawe_i的博客地址是：

http://www.jianshu.com/u/fa9f03a240c6

項目中有這樣一個需求：

 

 驗證碼頁是四個方框，輸入驗證碼方框顏色改變，刪除再變回原來顏色。

 

先看下效果，動圖不太清晰，將就看吧

 

思路：

1. 用一個透明的EditText與四個TextView重疊，並給TextView設置默認背景 

2. 監聽EditText文本變化，獲取輸入內容，給TextView賦值並改變TextView背景 

3.  4個TextView有值后添加輸入完成回調，監聽刪除鍵添加刪除回調

 

首先看下布局為：

 

 

可以看到用一個透明的EditText與四個TextView重疊，並給TextView設置默認背景 。

 

接下來看View的代碼：

 

 

監聽的代碼為：

 

 

 

把上面部分當成一個獨立的View模塊來使用~~

 

使用：

 

首先肯定是聲明布局文件：

 

 

使用的代碼為：

 

 

Demo地址：

https://github.com/xiaviv/SecurityCodeDemo