這篇文章將為大家詳細(xì)講解有關(guān)使用UGUI怎么實現(xiàn)一個4位數(shù)驗證碼功能，文章內(nèi)容質(zhì)量較高，因此小編分享給大家做個參考，希望大家閱讀完這篇文章后對相關(guān)知識有一定的了解。

創(chuàng)新互聯(lián)堅持“要么做到，要么別承諾”的工作理念，服務(wù)領(lǐng)域包括：成都做網(wǎng)站、網(wǎng)站制作、成都外貿(mào)網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù)，滿足客戶于互聯(lián)網(wǎng)時代的江城網(wǎng)站設(shè)計、移動媒體設(shè)計的需求，幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴！

預(yù)制體結(jié)構(gòu)：

using System;
using System.Collections;
using System.Collections.Generic;
using System.Text;
using UnityEngine;
using UnityEngine.EventSystems;
using UnityEngine.UI;
 
public class VerifyCodePanel : ILoginChild
{
 
  public const int VERIFY_CODE_LENGTH = 4;
 
  public InputField VCodeInput;
  public Text[] VCodes = new Text[VERIFY_CODE_LENGTH];
 
  //外部選擇藍(lán)色與灰色，分別表示已輸入(Blue)和未輸入(Gray)
  public Color Blue;
  public Color Gray;
 
  private int m_lastVcodeLength = 0;
 
  void Start()
  {
    //外部設(shè)置VCodeInput等組件，或使用代碼獲取，這必須在初始化或之前設(shè)置完成
    //UIUtility是自己實現(xiàn)的一個針對UI組件獲取與綁定的一個工具
    VCodeInput = UIUtility.GetChildControl("VCodeInput", transform);
    BindUIEvents();
  }
 
  private void BindUIEvents()
  {
    //綁定VCodeInput的值變化，外部綁定和代碼綁定皆可，這里使用的是自己實現(xiàn)的一個UI工具
    UIUtility.BindUIEvent(EventTypeEnum.InputFieldOnValueChanged,    
      OnVCodeValueChanged, VCodeInput.transform);
  }
 
  // 監(jiān)聽輸入的字符變化
  private void OnVCodeValueChanged(string value)
  {
    //外部已經(jīng)設(shè)置好VCodeInput的長度限制，最多為4，但是為了避免意外情況，限制字符長度
    if (value.Length < 0 || value.Length > 4)
    {
      return;
    }
    //判斷字符是邊長了還是變短了，用以決定Text的跳轉(zhuǎn)方向
    bool next = false;
    //分割字符，默認(rèn)為空，如果是長度增加，則說明輸入了新的驗證碼，將這個驗證碼記錄下來
    string character = string.Empty;
    //比較與上一次輸入的驗證碼長度，缺省長度為0
    if(value.Length > m_lastVcodeLength)
    {
      next = true;
      character = value[value.Length - 1].ToString();
    }
    m_lastVcodeLength = value.Length;
    int which = value.Length - 1;
    OnMoveCursor(next, which, character);
  }
 
  //移動光標(biāo)（實際上是操作用來顯示驗證碼的Text）
  private void OnMoveCursor(bool next, int which, string character)
  {
    //將值賦給對應(yīng)的Text
    if (next)
    {
      VCodes[which].text = character;
      SetLineColor(which, Blue);
    }
    else
    {
      /*這里比較繞，如果是回退，則說明當(dāng)前的which其實是已經(jīng)退格后的位數(shù)，
      * 比如說，原本是輸入了123，退格后則變成了12，
      * 那么which的值為value.length - 1 = 1; value.length為2
      * 而我們需要將原本第三位（從0開始計數(shù)，值為2）的Text設(shè)置為空
      * 因此需要i + 1，而為了避免用戶全選并刪除所有驗證碼的情況，需要遍歷
      */
      for (int i = which; i < VERIFY_CODE_LENGTH - 1; ++i)
      {
        VCodes[i + 1].text = character;
        SetLineColor(i + 1, Gray);
      }
    }
  }
 
  //設(shè)置相應(yīng)Text的Line的顏色
  private void SetLineColor(int which, Color color)
  {
    VCodes[which].transform.GetChild(0).GetComponent().color = color;
  }
  
}

關(guān)于使用UGUI怎么實現(xiàn)一個4位數(shù)驗證碼功能就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，可以學(xué)到更多知識。如果覺得文章不錯，可以把它分享出去讓更多的人看到。