Android 验证码/密码 输入框

分享一个在项目中遇到开发的一个小知识点。

就是常见的4-6位 数字的密码输入框。如下图



业务分析:

1.每个数字之间是有竖线隔开的,并不是一个连续的输入控件

2. 5个验证码数字输入的地方没有光标闪烁,也就是5个格子其实不是EditText。

3. 输入数字之后,继续输入(未满5个的时候)、或者删除回退,都应该从当前最右侧的位置开始操作。

4. 点击5个格子的地方,需要弹起软键盘。



弯路:

 在做这种类型的自定义控件,大家第一谈到印象输入框,就会马上想到EditText,但是如果按照操作习惯,5个格子很可能就会变成5个EditText去实现,这个过程是会出现很多复杂的业务场景的。 5个EditText 如果删除、插入的时候,处理光标的问题很不友好,需要监听从最后一个再到第一个EditText的光标问题。


所以,我在做这个控件的时候也想过以上问题。后来想到的实现方式,就是EditText被TextView覆盖,由TextView处理显示数字。其它网上应该也会有很合理的实现方式,这里欢迎大家补充、交流。


我的设计思路:

1.一个EditText放在FrameLayout中,EditText的目的是用来实际获取用户在输入框中输入的内容。

2.EditText被 LinearLayout覆盖,里面是5个TextView,将用来映射显示EditText的值。

3.用户实际上使用输入框输入数字的时候,EditText是监听到输入的,同时也能输入数字在EditText身上,只不过被盖住了,看不到。

4.拿到EditText输入的内容,.处理好切割EditText已输入的文本,分别在5个TextView上显示。

5.LinearLayout上监听点击事件,弹起输入框,把焦点赋予EditText。(这一步千万不能忘记!)


以下 贴出核心部分的布局代码。

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout
    xmlns:android="http://schemas.android.com/apk/res/android"
    xmlns:app="http://schemas
  • 1
    点赞
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值