ue3d如何使用tabIndex控制焦点顺序

如何使用tabIndex控制焦点顺序

分类:
ue3d - 如何使用tabIndex控制焦点顺序

本文介绍了Unity的UI Toolkit(工具包)中如何控制焦点顺序。

Tab键和焦点顺序

当多个文本字段或可聚焦元素排列时,按Tab键会将焦点移动到下一个优先元素。

ue3d - 如何使用tabIndex控制焦点顺序

默认情况下,距离根元素较近且ChildIndex较小的UI元素首先获得焦点,UI工具包可以完全控制此焦点顺序。

控制焦点顺序

要控制焦点顺序,请使用TextField基类的Focusable字段tabIndex。如果在此字段中设置一个值,焦点将转移到具有最低值的值。

要查看此行为,请指定field2和field3,如下所示:

using UnityEditor;
using UnityEngine.UIElements;

public class FocusExample : EditorWindow
{
    public void CreateGUI()
    {
        var field1 = new TextField { label = "Field1" };
        rootVisualElement.Add(field1);

        var field2 = new TextField
        {
            label = "Field2",
            tabIndex = 2
        };
        rootVisualElement.Add(field2);

        var field3 = new TextField
        {
            label = "Field3",
            tabIndex = 1
        };
        rootVisualElement.Add(field3);
    }

    [MenuItem("Window/FocusExample")]
    public static void ShowExample()
    {
        GetWindow<FocusExample>();
    }
}

执行此操作后,可以看到焦点顺序发生了变化,如下所示。

ue3d - 如何使用tabIndex控制焦点顺序

以上是关于如何使用tabIndex控制焦点顺序的全部内容,如果你有任何反馈,请随时在本页面下方留言。

相关信息

  • 类型:知识
  • 字数:235
  • 字符:1306
  • 适用软件:Unity2021.3.16f1
  • 说明:无
  • 编号:165651

热门内容

提示:3D天堂作为服务提供者,尊重网络版权及知识产权,对某些行为的发生不具备充分的监控能力,若无意间侵犯到您的权利,请 联系我们,我们会在收到信息后尽快给予处理。

本站文章版权归本站自创作者所有,未经允许不得转载!