用unity实现类似于支付6位数字密码或验证码的功能

最新推荐文章于 2024-08-11 14:53:56 发布

置顶 sakura_02

最新推荐文章于 2024-08-11 14:53:56 发布

阅读量1k

点赞数 3

文章标签： unity 支付密码 6位验证码 UGUI验证码

本文链接：https://blog.csdn.net/sakura_02/article/details/103127302

版权

用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);

    }
}