用Unity 6.2的UI Toolkit制作World Space UI

Oct 3, 2025
使用Unity 6.2中的UI Toolkit创建World Space UI视频操作指引

Unity的这段视频操作指引了怎样用Unity 6.2的UI Toolkit制作World Space用户界面。您将了解的一些关键步骤包括:

- 设置项目和打开UI Builder的要点

- 保存您的第一个UXML文档

- 如何通过创建和应用样式表(USS文件)和可重用的风格类来构建灵活且可维护的UI

UI Toolkit Unity 6.2 操作指引还包括一个使用伪类在按钮上实现自定义悬停效果来增强用户交互的实例。

最后,它展示了将 UI 集成到 3D 场景的完整工作流程,通过配置 UI Document 及其相关的 Panel Settings for World Space 渲染,从而生成游戏环境中实际存在的菜单。

UI Toolkit for Industry视频操作指引

常见问题解答

如何开始使用 UI Builder?

要开始创建用户界面,请打开 UI Builder 窗口并将作品保存为 UXML 资源。此文件将存储 UI 元素的结构和层级结构。

请按照此处所述步骤开始使用:

1.在 Unity 编辑器的主菜单中,导航到 UI Builder:Window > UI Toolkit > UI Builder

2.打开UI Builder窗口后,保存新UI Document。打开UI Builder菜单的File > Save As...

3.在项目中选择一个位置并保存文件。这将创建.uxml资源,用作场景中UI的源。

您可以直接转到视频中的以下部分,观看此示例的实际运行情况:

(1:10) - 打开UI Builder窗口

(1:23) - 保存UXML文件

如果你想进一步了解UI Builder, 请确保查看Unity文档页面。


如何将一致的风格应用于多个UI元素?

要想保持UI风格一致,最有效的方法是使用样式表,其功能与网页开发中的CSS非常相似。这种方法将风格与结构分离,让UI更易于管理。

该系统包括三个关键部分:

- 样式表(.uss 文件):在UI Builder中新建一个样式表,将其关联到主UI容器上。此文件将包含所有样式规则。

- 风格课程:要创建可重复使用的风格,请在 UI Builder 中选择视觉元素。在Inspector的Style Class List下,键入新的类名称(如"菜单按钮 " ) 并将其添加到列表中。

- 重用性:现在,您可以将此相同的风格类分配给任何其他 UI 元素。共享一个类的所有元素将自动继承其定义的属性,确保外观一致。对样式类的任何更改都将同时更新所有分配的元素。

您可以直接转到视频中的以下部分,观看此示例的实际运行情况:

(2:18) - 创建新样式表

(2:57) - 创建新样式类

(3:07) - 从类中创建新的 USS 选择器

(3:43) - 说明对样式类的更改如何影响所有分配的元素

如果你想进一步了解用Unity Style Sheet(USS)制作UI样式,请查看Unity文档页面。


如何为按钮创建自定义悬停效果?

你可以使用USS伪类创建自定义的悬停效果和其他交互式风格。:hover 伪类允许您定义一组特定的样式,这些样式仅在用户的光标悬停在元素上时才应用。

要为标准 Unity 按钮实现自定义悬停效果,请执行以下步骤:

1.在 UI Builder 中,选择一个按钮以在 Inspector 中查看其默认样式类。标准按钮类是Unity按钮

2.双击 Unity 按钮类将其选择器添加到样式表中。你可以借此修改按钮的默认外观,比如让它变成部分透明。

3.在样式表中新建一个选择器,将:hover伪类附加到原类:.unity-button:hover

4.在启用新的 :hover 选择器后,定义悬停状态所需的样式,例如将背景颜色更改为完全不透明。现在,UI 将在鼠标悬停事件期间自动在这些样式之间切换。

您可以直接转到视频中的以下部分,观看此示例的实际运行情况:

(6:29) - 伪类简介

(6:54) - 查找默认的.unity按钮样式类

(7:24) - 创建:hover伪类选择器

(7:39) - 演示最终的悬停效果

如果你想进一步了解伪类,请确保查看 Unity 文档页面。

如何将UI Toolkit元素作为World Space对象添加到场景中?

Unity 6.2 增强了 UI 工具包,可以直接在世界空间中渲染 UI 元素。此过程涉及使用 UI Document 和游戏对象在场景中托管 UXML 资源。

你可以按照以下顺序创建World Space UI:

1.在层级窗口中,右键单击并选择UI Toolkit > UI Document。这会在场景中创建一个新游戏对象。

2.选择新的 UI Document GameObject。在 Inspector 中,找到 Source Asset 字段并将保存的 .uxml 文件分配给它。

3.点击与UI Document关联的Panel Settings资源。这将在Project窗口中突出显示该资源。

4.选择 Panel Settings 资源可在 Inspector 中查看其属性。将渲染模式从默认的Screen Space更改为World Space

5.切换到World Space后,可以调整UI Document GameObject的RectTransform组件,以在3D场景中定位、旋转和缩放UI平面。

您可以直接转到视频中的以下部分,观看此示例的实际运行情况:

(7:49)----在场景中创建UI Document

(7:59) - 分配UXML源资源

(8:08) - 访问面板设置

(8:23) - 切换到世界空间渲染模式

(8:58) - 演示最终的世界空间UI

如果你想更多地了解World Space UI, 一定要查看Unity文档页面。