推荐：将NSDT场景编辑器加入你的3D工具链

3D工具集：NSDT简石数字孪生

从即时模式 GUI （IMGUI） 迁移到 UI 工具包

本指南适用于具有即时模式 GUI （IMGUI） 经验的开发人员，可迁移到用户界面
工具箱。本指南重点介绍编辑器 UI，但其信息也适用于运行时 UI。

主要区别

代码驱动与 UI 驱动

IMGUI 是由代码驱动的，由在实现它的 C# 脚本中调用函数来驱动。UI 工具包为编辑器 UI 创建提供了更多选项。使用 UI 工具包，可以在 C# 中定义行为OnGUI脚本
.但是，在定义 UI 元素和样式时，除了 C# 之外，您还可以在 UI 生成器中直观地定义 UI 控件，或者直接编写类似 XML 的文本文件（称为 UXML）。有关详细信息，请参阅简单 UI 工具包工作流。

即时模式与保留模式

使用 IMGUI，您可以在 OnGUI（） 函数中重新绘制 UI 时描述 UI 树。当事件进入 UI 或重新绘制 UI 时，必须调用此函数。不同事件之间没有关于 UI 树的持久信息。而，您创建视觉元素在名为可视化树.可视化树中的信息将永久保留。

常量与状态变化

IMGUI基于每帧至少运行一次的功能。您可以为每个可能的帧定义 UI 的外观和行为。可能包含许多条件和不同的状态。OnGUI()OnGUI()

UI 工具包在事件驱动的系统中运行。定义处于默认状态的 UI 的外观，并定义 UI 响应事件的行为。在 UI 工具包中所做的任何更改都会导致对 UI 状态的持久更改。

例如，IMGUI 中按钮的声明如下所示：

if (GUILayout.Button("Click me!"))
{
    //Code runs here in frames where the user clicks the button.

    //Code makes changes to the UI for frames where the user has just clicked the button.
}
else
{
    //Code specifies what happens in all other frames.
}

上面的示例在 UI 工具包中如下所示：

UIDocument document = GetComponent<UIDocument>();

//Create button.
Button button = new Button();
button.text = "Click me!";

//Set up event handler.
button.RegisterCallback<ClickEvent>((ClickEvent evt) =>
{
    //Code runs here after button receives ClickEvent.
});

//Add button to UI.
document.rootVisualElement.Add(button);

有关如何使用 UI 工具包创建自定义编辑器窗口的完整示例，请参阅简单 UI 工具包工作流。

IMGUI 支持

使用 将 IMGUI 代码放在 .支持您在内部可以执行的所有操作。IMGUIContainerVisualElementOnGUI()

您可以通过混合和 UI 工具包布局来排列多个 s 并对其进行布局。请注意，无法在 .IMGUIContainerGUILayoutVisualElementIMGUIContainer

从 IMGUI 到 UI 工具包转换

下表列出了 IMGUI 和 UI 工具包之间的等效函数：

下表列出了IMGUI和UI工具包之间的等效方法，类和属性：

由3D建模学习工作室整理翻译，转载请注明出处！

上一篇：Unity3D ：从 Unity UI （uGUI） 迁移到 UI 工具包 (mvrlink.com)

下一篇：Unity3D ：画布组件之画布 (mvrlink.com)