扫二维码与项目经理沟通
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
需求
4位验证码输入框：
效果图：
1. 输入框一行可输入4位数字类型的验证码；
2. 4位数字之间有间隔（包括底线）；
3. 输入框不允许有光标；
4. 底线根据输入位置显示高亮（蓝色）；
6. 输入完成，回调结果，输入过程中，也进行回调；
分析
这种效果，很难直接在Edittext上处理：
-- 输入框均分4等份，还要有间隔；
-- 更难处理的是Edittext输入框禁止光标，那么，没有光标，我们如何调起虚拟键盘输入数据？
-- 等...
与其在一个控件上折腾，这么难受，不如自定义一个控件，实现这种效果。
自定义控件最简单的方案：使用多个控件，组合出这种效果。
1、布局如何实现？
1.禁止光标，我们直接使用TextView就解决了，而非Edittext;
2.一行显示4位数字，比较简单，可以使用线性布局的权重，对TextView进行控制为4等分；
3.每个TextView下面跟着一个底线，将来我们就能对底线设置高亮颜色了；
这样，基本的布局展示就可以了！！！
2、使用了TextView，那么我们如何接收用户的输入呢？
也很简单，我们在4个TextView的上方平铺一个EditText，设置透明，
当用户点击到该控件时，会自动调起软键盘，接收输入的文本。
EditText接收到用户输入的文本，如何显示在TextView呢？
3、我们监听EditText文本输入事件，最多仅接收4个输入字符，
每接收到一个字符，我们就赋值给对应的TextView；
底线也随要设置的文本切换显示高亮；
4、如何删除已输入的数值？
我们监听EditText按键事件，拦截DEL键，从后向前挨着删除字符即可；
底线也随要删除的文本切换显示高亮；
5、是否需要自定义属性
分析我们自己的项目，虽然是公用的控件，但是该控件比较简单，没有特别的要求，所以没必要自定义属性了！
如果大家有需要的，可根据需要自己定义；
如何定义属性？请自行查找资料；
既然，问题都分析清楚了，那我们就开始快速实现吧
具体实现
布局文件 phone_code.xml
<?xml version="1.0" encoding="utf-8"?>
我们在微信上24小时期待你的声音
解答本文疑问/技术咨询/运营咨询/技术建议/互联网交流
微信二维码
移动版官网