最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

UGUI實(shí)現(xiàn)4位驗(yàn)證碼輸入

 更新時(shí)間:2019年12月10日 09:38:49   作者:DoyoFish  
這篇文章主要為大家詳細(xì)介紹了UGUI實(shí)現(xiàn)4位驗(yàn)證碼輸入,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

原本在電腦上開發(fā)一個(gè)驗(yàn)證碼功能不是什么難題,4個(gè)InputField就搞定了,依次監(jiān)聽InputField的onValueChanged,當(dāng)value.length == 1時(shí)跳轉(zhuǎn)至下一個(gè)InputField,并ActiveField即可。

但是到了手機(jī)上,跳轉(zhuǎn)至下一個(gè)InputField時(shí),手機(jī)鍵盤會(huì)收縮,然后再彈出,然而,手機(jī)上的鍵盤如果間隔過短,會(huì)出現(xiàn)收回后不再彈出的情況。即使設(shè)置了0.2秒的間隔,也會(huì)因?yàn)槭謾C(jī)鍵盤反復(fù)伸縮導(dǎo)致用戶輸入驗(yàn)證碼出現(xiàn)間斷感,極大降低了體驗(yàn)。

那么有沒有辦法實(shí)現(xiàn)這個(gè)功能呢?當(dāng)然有啦!

雖然說NGUI完全可以通過設(shè)置字間距來完成,但是UGUI的InputField并沒有這樣的屬性。因此,得通過一些黑科技來實(shí)現(xiàn)。

此外,其他大佬用代碼實(shí)現(xiàn)了UGUI的InputField的字間距設(shè)置,但是本篇主要是講述黑科技方法。

先看下這個(gè)預(yù)制體結(jié)構(gòu):

在這個(gè)InputField下添加了4個(gè)VCode(UnityEngine.UI.Text)組件,并在對應(yīng)的下方添加了一個(gè)Line(Image)的子物體,用來做下劃線。(每當(dāng)一位驗(yàn)證碼輸入完成后,跳轉(zhuǎn)至下一個(gè)Text組件顯示新的驗(yàn)證碼,切已輸入的驗(yàn)證碼的下劃線變成藍(lán)色)

是不是有思路了,沒錯(cuò),就是用4個(gè)Text組件來顯示驗(yàn)證碼,而InputField這是用來接收用戶輸入而已(不顯示輸入結(jié)果)。

這樣的情況下,不會(huì)因?yàn)樘D(zhuǎn)InputField導(dǎo)致手機(jī)鍵盤反復(fù)伸縮或間隔過小而導(dǎo)致手機(jī)鍵盤不再彈出等問題。

每當(dāng)用戶輸入的驗(yàn)證碼位數(shù)發(fā)生變化,則將對應(yīng)的位數(shù)賦給對應(yīng)的Text,這樣就做到了只使用1個(gè)InputField來輸入4位驗(yàn)證碼,而無需關(guān)心驗(yàn)證碼之間的間距長度了。

既然邏輯構(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是自己實(shí)現(xiàn)的一個(gè)針對UI組件獲取與綁定的一個(gè)工具
    VCodeInput = UIUtility.GetChildControl<InputField>("VCodeInput", transform);
    BindUIEvents();
  }
 
  private void BindUIEvents()
  {
    //綁定VCodeInput的值變化,外部綁定和代碼綁定皆可,這里使用的是自己實(shí)現(xiàn)的一個(gè)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)為空,如果是長度增加,則說明輸入了新的驗(yàn)證碼,將這個(gè)驗(yàn)證碼記錄下來
    string character = string.Empty;
    //比較與上一次輸入的驗(yàn)證碼長度,缺省長度為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);
  }
 
  //移動(dòng)光標(biāo)(實(shí)際上是操作用來顯示驗(yàn)證碼的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其實(shí)是已經(jīng)退格后的位數(shù),
      * 比如說,原本是輸入了123,退格后則變成了12,
      * 那么which的值為value.length - 1 = 1; value.length為2
      * 而我們需要將原本第三位(從0開始計(jì)數(shù),值為2)的Text設(shè)置為空
      * 因此需要i + 1,而為了避免用戶全選并刪除所有驗(yàn)證碼的情況,需要遍歷
      */
      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<Image>().color = color;
  }
  
}

以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • WPF中窗體最大化問題的解決方法

    WPF中窗體最大化問題的解決方法

    這篇文章主要給大家介紹了關(guān)于WPF中窗體最大化問題的解決方法,文中通過示例代碼介紹的非常詳細(xì),對大家學(xué)習(xí)或者使用wpf具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2018-10-10
  • C#實(shí)現(xiàn)高性能異步文件下載器詳解

    C#實(shí)現(xiàn)高性能異步文件下載器詳解

    異步文件下載器用處很大,當(dāng)我們需要實(shí)現(xiàn)大文件下載,多任務(wù)并行下載等都可以用的上,下面小編就來和大家聊聊如何使用C#實(shí)現(xiàn)高性能異步文件下載器吧
    2025-03-03
  • c#的時(shí)間日期操作示例分享(c#獲取當(dāng)前日期)

    c#的時(shí)間日期操作示例分享(c#獲取當(dāng)前日期)

    這篇文章主要介紹了c#的時(shí)間日期操作示例,在給定時(shí)間戳返回指定的時(shí)間格式和獲取當(dāng)前時(shí)間方法,需要的朋友可以參考下
    2014-03-03
  • C#中一個(gè)方法返回多個(gè)值的實(shí)現(xiàn)方法小結(jié)

    C#中一個(gè)方法返回多個(gè)值的實(shí)現(xiàn)方法小結(jié)

    通常一個(gè)方法只能返回一個(gè)值,但是如果在某些時(shí)候,我們想要返回多個(gè)值,例如某個(gè)方法將一個(gè)浮點(diǎn)數(shù)分割成一個(gè)整數(shù)和一個(gè)小數(shù)返回,因此本文給大家介紹了C#中一個(gè)方法返回多個(gè)值的實(shí)現(xiàn)方法及示例代碼,需要的朋友可以參考下
    2024-05-05
  • 雅虎公司C#筆試題(后半部份才是)

    雅虎公司C#筆試題(后半部份才是)

    雅虎公司C#筆試題(后半部份才是)...
    2007-04-04
  • C#獲取系統(tǒng)版本信息方法

    C#獲取系統(tǒng)版本信息方法

    今天做一個(gè)獲取系統(tǒng)版本信息的實(shí)例,其獲取方法很簡單,需要的朋友可以參考下
    2012-11-11
  • 深入Ref,Out的理解及其使用

    深入Ref,Out的理解及其使用

    本篇文章是對Ref與Out進(jìn)行了詳細(xì)的分析介紹,需要的朋友參考下
    2013-06-06
  • C#基于JsonConvert解析Json數(shù)據(jù)的方法實(shí)例

    C#基于JsonConvert解析Json數(shù)據(jù)的方法實(shí)例

    最近初接觸C#語言,發(fā)現(xiàn)JSON解析這塊和JAVA差異過大,下面這篇文章主要給大家介紹了關(guān)于C#基于JsonConvert解析Json數(shù)據(jù)的相關(guān)資料,文中通過實(shí)例代碼介紹的非常詳細(xì),需要的朋友可以參考下
    2023-04-04
  • C# 列表List的常用屬性和方法介紹

    C# 列表List的常用屬性和方法介紹

    這篇文章主要介紹了C# 列表List的常用屬性和方法介紹,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2021-04-04
  • C# .net實(shí)現(xiàn)貨幣轉(zhuǎn)換示例

    C# .net實(shí)現(xiàn)貨幣轉(zhuǎn)換示例

    這篇文章主要介紹了C# .net實(shí)現(xiàn)貨幣轉(zhuǎn)換,其中包含了try catch、switch語句的運(yùn)用,對于C#初學(xué)者有一定的借鑒價(jià)值,需要的朋友可以參考下
    2014-08-08

最新評(píng)論

永安市| 偃师市| 昌邑市| 宁津县| 松江区| 罗甸县| 龙泉市| 鄱阳县| 大厂| 高安市| 上栗县| 睢宁县| 聂拉木县| 社旗县| 固原市| 石渠县| 平罗县| 布尔津县| 嘉禾县| 治多县| 朔州市| 怀来县| 溧水县| 辽宁省| 泰宁县| 卢氏县| 德昌县| 韶山市| 陆丰市| 民丰县| 龙陵县| 灵川县| 济阳县| 措美县| 左贡县| 汶川县| 鹤庆县| 西平县| 什邡市| 九龙城区| 镇赉县|