有关 Unity UIElements 和 UIToolkit

最新推荐文章于 2026-05-29 13:19:54 发布

原创

最新推荐文章于 2026-05-29 13:19:54 发布 · 5.9k 阅读

标签

#Unity3D #UI

本文介绍了Unity的UIElements，它是2019年之后IMGUI的一种替代，采用保留模式，提高了性能并支持更复杂的UI布局。UIElements基于UXML和USS文件描述UI结构和样式，类似HTML/CSS。Unity Toolkit是UIElements的下一代版本，支持运行时UI，并引入了UIBuilder编辑器，实现美术与程序解耦。虽然仍处于预览阶段，Unity Toolkit展现了强大的潜力，但目前在功能和稳定性上无法完全替代UGUI/NGUI。

https://docs.unity3d.com/Manual/UIElements.html

一、UIElements 简介

Unity UIElements：https://blog.unity.com/technology/whats-new-with-uielements-in-2019-1

如果写过 Unity 编辑器界面，应该都对 IMGUI 比较熟悉，排版布局类 EditorGUILayout 和 GUILayout 可以说都非常的经典，除此之外，还有 Odin 这类基于 IMGUI 的编辑器拓展的插件，同时也可以帮助开发者进行序列化操作……

UIElements 其实也是一个 Unity 官方的编辑器插件，是 2019 版本之后原生 IMGUI 的一个替代品

1.1 保留模式和立即模式

IMGUI 全程 Immediate Mode Graphical User Interface，也就是立即模式(Immediate)图形界面：特点是系统不会保存 UI 控件上的任何信息，更没有状态的概念。每帧都会反复的询问你所有的控件和状态信息并重新绘制，可以理解为立即模式没有记忆，它的每一帧都是全新的开始

void OnGUI()
{
    GUILayout.Label("Hello world");
    GUILayout.Button("Test");
}

优点是代码写起来非常容易，不需要考虑数据和状态，当然缺点也是很显而易见的：性能差、又由于什么都不保存，你很难（很麻烦）去实现 UI 的布局等等。unity3D 的 IDE 就是一个 IMGUI 实现的例子，这个在游戏行业是主流

而新的 UIElements 就是保留模式(retained)图形界面：与立即模式相反，它会在内存中保存状态，仅当状态改变时，绘制改变的部分，性能好就不提了，这能支持你去做层次结构样式与功能分离，实现更复杂的 UI 界面，大部分网页 UI 都是保留模式

1.2 还是 Hello world

这是网上一个非常简单的例子：使用 UIElement 打开一个显示一行 Hello world 的窗口（图片资料来源）

可以看到脚本部分就是简单的加载 .uss 和 .uxml 文件，最终 UI 上显示的内容完全取决于类配置文件 .uss 和 .uxml，并且根据图片中的内容可得知：.uxml 文件在描述 UI 的层级结构、.uss 文件描述具体样式（布局）

很多评论提到说这像是

最低0.47元/天解锁文章