UGUI如何实现4位验证码输入(ugui,编程语言)

原本在电脑上开发一个验证码功能不是什么难题，4个InputField就搞定了，依次监听InputField的onValueChanged，当value.length == 1时跳转至下一个InputField，并ActiveField即可。

但是到了手机上，跳转至下一个InputField时，手机键盘会收缩，然后再弹出，然而，手机上的键盘如果间隔过短，会出现收回后不再弹出的情况。即使设置了0.2秒的间隔，也会因为手机键盘反复伸缩导致用户输入验证码出现间断感，极大降低了体验。

那么有没有办法实现这个功能呢？当然有啦！

虽然说NGUI完全可以通过设置字间距来完成，但是UGUI的InputField并没有这样的属性。因此，得通过一些黑科技来实现。

此外，其他大佬用代码实现了UGUI的InputField的字间距设置，但是本篇主要是讲述黑科技方法。

先看下这个预制体结构：

在这个InputField下添加了4个VCode(UnityEngine.UI.Text)组件，并在对应的下方添加了一个Line(Image)的子物体，用来做下划线。（每当一位验证码输入完成后，跳转至下一个Text组件显示新的验证码，切已输入的验证码的下划线变成蓝色）

是不是有思路了，没错，就是用4个Text组件来显示验证码，而InputField这是用来接收用户输入而已（不显示输入结果）。

这样的情况下，不会因为跳转InputField导致手机键盘反复伸缩或间隔过小而导致手机键盘不再弹出等问题。

每当用户输入的验证码位数发生变化，则将对应的位数赋给对应的Text，这样就做到了只使用1个InputField来输入4位验证码，而无需关心验证码之间的间距长度了。

既然逻辑构思好了，代码就不难了。