1. 首页
  2. 编程语言
  3. C#
  4. UGUI实现4位验证码输入

UGUI实现4位验证码输入

上传者: 2022-03-07 05:03:59上传 PDF文件 97.40 KB 热度 12次

原本在电脑上开发一个验证码功能不是什么难题,4个InputField就搞定了,依次监听InputField的onValueChanged,当value.length == 1时跳转至下一个InputField,并ActiveField即可。此外,其他大佬用代码实现了UGUI的InputField的字间距设置,但是本篇主要是讲述黑科技方法。先看下这个预制体结构:在这个InputField下添加了4个VCode组件,并在对应的下方添加了一个Line的子物体,用来做下划线。是不是有思路了,没错,就是用4个Text组件来显示验证码,而InputField这是用来接收用户输入而已。这样的情况下,不会因为跳转InputField导致手机键盘反复伸缩或间隔过小而导致手机键盘不再弹出等问题。每当用户输入的验证码位数发生变化,则将对应的位数赋给对应的Text,这样就做到了只使用1个InputField来输入4位验证码,而无需关心验证码之间的间距长度了。

用户评论