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

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

使用元素

基本工作流程

UI 生成器中的基本工作流首先通过将元素从“库”窗格拖到“层次结构”上来创建一些元素。UI 工具包是作为元素层次结构构建和布局的。层次结构指示哪些元素位于其他元素之上，以及元素在 UI 中的可视显示顺序。它类似于 Unity 场景中的变换层次结构，不同之处在于宽度和高度也受父元素或子元素的影响。另一个区别是，根据样式属性，有些孩子会决定父母的大小，而有些父母会影响孩子的大小。

UI 工具包中所有元素的基本构造块和基类是类。它充当容器元素来创建复杂的布局。例如，若要将 a 锚定到屏幕的右下角，需要以下层次结构：VisualElementButtonVisualElements

VisualElement #screen { flex-grow: 1; justify-content: flex-end; }
    VisualElement #bottom-container { flex-direction: row; justify-content: flex-end; }
        Button

选择元素

您可以通过在层次结构和画布中单击元素来选择元素。在层次结构中，按住 Ctrl/Cmd 以选择其他元素。在画布中，双击元素顶部会选择其父元素，您可以重复此操作以沿元素层次结构向上移动，直到它恢复到原始元素。

创建元素

从“库”窗格创建元素时，UI 生成器会尝试保留默认值，但有一些例外。默认情况下，元素不命名，因此它们在层次结构中显示为其类型名称。要命名元素，请连按“层次结构”中的项目，或选择一个元素并在检查器中找到“名称”属性。UI 工具包中的唯一命名不会强制执行，因此它们仅用于在 UI 中进行标识。UI 生成器不会将元素名称用于任何内部标识或功能。

要构建层次结构，您可以拖动层次结构中的一个或多个元素以对它们重新排序或在父元素之间移动它们：

您还可以将元素拖入和拖出视口画布，其中将显示一条黄线，指示元素的放置位置：

操作元素

要剪切/复制/粘贴/复制/删除一个或多个选定元素，请右键单击元素，然后在菜单中选择该选项。您还可以使用适用于您的操作系统的标准快捷键。

在“层次结构”窗格中复制元素时，它会复制该元素及其子元素的 UXML 文本表示形式。这意味着您可以将其直接粘贴到文本编辑器中。您还可以复制 UXML 文本并将其粘贴到 UI 生成器中。

对元素执行的所有操作也会应用于其所有子元素。例如，删除一个元素会删除其所有子元素，复制一个元素将复制其下元素的整个子树。

只读元素

您可能会看到从“库”文件夹拖动的元素在层次结构中创建的其他子元素。这些子元素将在层次结构中显示为灰色。发生这种情况是因为某些自定义元素（如“资源库”的“标准”选项卡中的大多数元素）在创建时会创建其内部层次结构。您无法在 UI 生成器中编辑内部层次结构，因为 UI 生成器只能编辑它可以在它正在编辑的 UI 文档 （UXML） 中表示的内容。如果你看一下UXML，这些内部层次结构并不存在。UXML 更像是一个指令集，而不是实时 UI 层次结构的一对一副本。

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

上一篇：Unity3D ：UXML 元素 Vector4Field (mvrlink.com)

下一篇：Unity3D ：使用 UXML 实例作为模板 (mvrlink.com)