首页 > 代码库 > Android EditText方框验证码 短信验证码攻略

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

Android EditText方框验证码 短信验证码攻略