自定义验证码输入界面

作者: 皮乐皮儿 | 来源:发表于2018-01-10 17:27 被阅读150次

关于安卓自定义验证码输入框的实现
自定义验证码输入界面
自定义验证码数字键盘
仿美团短信验证码输入框 + 自定义软键盘
2021-12-07 Flutter iOS快捷键入短信重复2次
UI-短信验证码界面设计-2018-06-01
仿微信、支付宝等简洁的验证码、密码输入框
【Flutter】地址编辑界面
12-27 自定义好看的搜索界面（附带搜索动画）
自定义验证码输入框常被忽视的光标问题，你中招了吗？

在很多APP(银行,理财等APP)中都有输入验证码的功能，因为朋友需要，就简单就目前功能进行了简单的封装，先给出效果图：

图一：

Simulator Screen Shot - iPhone 8 - 2018-01-10 at 16.43.01.png

图二：

Simulator Screen Shot - iPhone 8 - 2018-01-10 at 16.43.07.png

图三：

Simulator Screen Shot - iPhone 8 - 2018-01-10 at 16.43.11.png

实现的主要效果

进入界面即可输入
输入完毕自动隐藏键盘和光标
可回删

主要代码逻辑

demo源码可以在demo中查看

具体的使用方式

引入WLInputView和WLTextField
外界指定验证码个数[self.inputView setInputLabelCount:6];

关于安卓自定义验证码输入框的实现
题目：关于安卓自定义验证码输入框的实现在安卓登录界面，常常需要用到验证码登录，这个时候，自定义验证码输入框就能派...
自定义验证码输入界面
在很多APP(银行,理财等APP)中都有输入验证码的功能，因为朋友需要，就简单就目前功能进行了简单的封装，先给出效...
自定义验证码数字键盘
自定义验证码数字键盘序言我们会遇到很多输入六位数，四为数的验证码界面@[toc] 最终效果如下问题那我们做...
仿美团短信验证码输入框 + 自定义软键盘
KeyboardDemo自定义短信验证码输入框 + 自定义数字字母软键盘前段时间做了一个需求，类似验证码输入框...
2021-12-07 Flutter iOS快捷键入短信重复2次
问题场景: 在登录界面获取验证码短信时点击键盘上方点击快捷输入短信验证码会输入两次验证码. 解决方案1：限制输...
UI-短信验证码界面设计-2018-06-01
工作需求，需要设计一个短信验证码界面。因为这个界面只有一个输入短信验证码框，做成一个界面有点显得很空荡。所以，我设...
仿微信、支付宝等简洁的验证码、密码输入框
VerificationCodeInput 简洁验证码输入框，能自定义输入框个数和样式。 How to use 监...
【Flutter】地址编辑界面
地址编辑界面卡片样式自定义输入框界面处理相关定义
12-27 自定义好看的搜索界面（附带搜索动画）
输入前，输入后界面样式如图：首先自定义EditText ``` /** * @author bmy * @aut...
自定义验证码输入框常被忽视的光标问题，你中招了吗？
前言在项目中我们常常继承AppCompatEditText或EditText自定义验证码输入框来代替系统输入框，...