unity Tab键实现切换输入框功能

简介: 该脚本用于简化输入框之间的Tab键切换操作。只需将脚本挂载在InputField上,无需其他设置。脚本通过监听Tab键和Shift键组合,自动选择下一个或上一个可交互的InputField,提升用户体验。

搭建场景的时候用到输入框的时候就把脚本挂载上去即可,其他的什么都不需要管,就可以切换了
InputField挂载的脚本如下:

using System.Collections;
using System.Collections.Generic;
using UnityEngine;
using UnityEngine.UI;
using UnityEngine.EventSystems;
/// <summary>
/// ************************************本脚本挂在输入框上即可*********************************************
/// </summary>
public class Tabcoll : MonoBehaviour, ISelectHandler, IDeselectHandler
{
    public void OnDeselect(BaseEventData eventData)
    {
        _instacnet = false;
    }

    public void OnSelect(BaseEventData eventData)
    {
        _instacnet = true;
    }
    EventSystem system;
    private bool _instacnet = false;
    // Use this for initialization
    void Start()
    {
        system = EventSystem.current;
    }

    // Update is called once per frame
    void Update()
    {
        if (Input.GetKeyDown(KeyCode.Tab) && _instacnet)
        {
            Selectable _Nect = null;
            if (Input.GetKey(KeyCode.LeftShift) || Input.GetKey(KeyCode.RightShift))
            {
                _Nect = system.currentSelectedGameObject.GetComponent<Selectable>().FindSelectableOnUp();
                if (_Nect == null) _Nect = system.lastSelectedGameObject.GetComponent<Selectable>();

            }
            else
            {
                _Nect = system.currentSelectedGameObject.GetComponent<Selectable>().FindSelectableOnDown();
                if (_Nect == null) _Nect = system.firstSelectedGameObject.GetComponent<Selectable>();
            }
            if (_Nect != null)
            {
                InputField inputField = _Nect.GetComponent<InputField>();
                system.SetSelectedGameObject(_Nect.gameObject, new BaseEventData(system));
            }
            else
            {
                Debug.LogError("没有下一个组件");
            }
        }
    }

}
相关文章
|
9月前
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
设置VSCode代码编辑器右侧的Minimap代码缩略图滚动条切换显示、隐藏的快捷键Alt+M
|
4月前
element组件库笔记一:element 框架中table表格复选框选中后,切换下一页之前选中复选框和数据消失的问题
这篇文章介绍了在Element UI框架中,如何解决表格组件复选框在分页时选中状态丢失的问题。
312 0
|
7月前
Element UI 带快捷编辑的多行输入框(含光标位置的获取和指定)
Element UI 带快捷编辑的多行输入框(含光标位置的获取和指定)
42 0
|
9月前
自定义Tab选项卡
自定义Tab选项卡
46 2
|
iOS开发 MacOS Windows
使用 Tab 键快速切换对话框按钮 | 一日一技
使用 Tab 键快速切换对话框按钮 | 一日一技
540 0
JavaScrip - tab栏切换案例
JavaScrip - tab栏切换案例
127 0
Axure实现Tab选项卡切换功能
这几天用Axure画原型图的过程中,需要实现Tab选项卡切换的效果,但Axure中并没有类似于Tab控件的部件,所以可以用Axure中的动态面板(Dynamic Panel)来实现。 本文以已经汉化的Axure7.0为例,英语不太好的朋友可以先进行汉化(汉化的时候要注意版本,不同的版本,汉化文件也稍有差异)。
Axure实现Tab选项卡切换功能
|
前端开发 索引
前端实现tab栏切换,这么常见的案例你学会了吗?
tab栏切换制作是我们web开发中一个十分常见的案例,今天在这里写写,希望对大家有所帮助,还是要用到我们上节写到的排他思想!好好学哦!
1010 0
前端实现tab栏切换,这么常见的案例你学会了吗?
|
Android开发
Fragment实现微信Tab界面(不可通过界面左右拖动切换界面,只可以由按钮切换)
Fragment实现微信Tab界面(不可通过界面左右拖动切换界面,只可以由按钮切换)
3198 0
|
移动开发 Android开发 iOS开发
ReactNative切换Tab改变状态栏
Ready 现在大多数的ReactNative使用的路由都是react navigation.本示例就以react-navigation为例.解决其中遇到有需要切换tab来改变顶部状态栏字体以及背景色的需求 Go only have a single line of code componentDidMount() { this.
1411 0