用unity实现类似于支付6位数字密码或验证码的功能
功能需求类似这种:
因为还需要加入光标闪烁等待输入的功能,仔细分析了一下发现用unity自带的inputField组件不能很好的实现这种功能,于是乎,我采用一种比较奇葩的方式,虽然还是用inputfield组件,但是现实不用它的显示方式,方法如下:
第一步:做一个数字显示的预设如下图
number :text组件显示数字
cursor:image组件显示光标,默认关闭,代码开启
第二步:建一个空对象加入以下脚本,该物体下再加个inputfield和包含六个第一步做的Item的空对象(用Grid排版):
using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
public class VcCodeController : MonoBehaviour
{
public InputField inputField;
public InputItemController[] numItemList;
char[] temp;
void Start()
{
inputField.ActivateInputField();
inputField.onValueChanged.AddListener(OnInputValueChanged);
numItemList[0].SetSelect(true);
inputField.shouldHideMobileInput = true;
}
int curCount = 0;
int lastCount = 0;
void OnInputValueChanged(string s) {
temp = s.ToCharArray();
curCount = temp.Length;
if (curCount > lastCount)
{//输入
if (curCount < numItemList.Length)
numItemList[curCount].SetSelect(true);//下一个文本框光标闪烁
if (curCount - 1 >= 0)
{
numItemList[curCount - 1].SetSelect(false);//上一个文本框隐藏光标
}
for (int i = 0; i < temp.Length; i++)
{
numItemList[i].SetNumber(temp[i].ToString());
}
}
else {
//删除
if (curCount+1 < numItemList.Length)
numItemList[curCount+1].SetSelect(false);//下一个文本框光标闪烁
numItemList[curCount].SetSelect(true);//下一个文本框光标闪烁
numItemList[curCount].SetNumber(null);//下一个文本框光标闪烁
for (int i = 0; i < temp.Length; i++)
{
numItemList[i].SetNumber(temp[i].ToString());
}
}
lastCount = curCount;
if (curCount == 6)
{
Invoke("DelayHideObj", 0.2f);
}
}
void DelayHideObj() {
gameObject.SetActive(false);
}
}
把该引用的对象引用上就可以完美实现需求