Version:

UI 元素

UI 元素是您可以将多个组件附加到的实体。您可以从空元素开始,然后向其添加组件,例如按钮、图像、滑块、文本等。或者,您可以添加预制 (预制) UI 元素,例如滚动框,该元素是已附加组件的元素。

UI element properties

每个 UI 元素都有以下两个自动添加的必需组件:

  • Element 组件标识元素 Id 并提供以禁用状态启动的选项。

    Start enabled选项。要在游戏中将元素设置为禁用状态,请清除此选项。在游戏中将元素启动为禁用状态时,玩家无法看到该元素或其子元素或与之交互。此设置对元素在 UI Editor 视区中的显示方式没有影响。

  • Transform2D 组件定义元素相对于其父元素的位置、间距和大小(无论其父元素是画布还是其他元素)。有关详细信息,请参阅 Transform2D 组件.

当您选择 仅编辑器 选项时,该元素及其子元素仅存在于 UI 编辑器 的上下文中。例如,当 UI 编辑器 中的启动器、游戏或 预览 模式显示 UI 画布时,标记为 仅编辑器 的元素及其子元素不会显示。

当您创作 UI 画布并希望显示仅在编辑时显示的其他信息或视觉对象时,您可以使用 仅编辑器 元素。例如,您可以添加预期最终画布的 UI 模型图像,并将其标记为 仅限编辑器 ,以便仅在编辑画布时可见。创作画布的人员可以使用该图像作为放置和配置元素的指南。

注意:
仅限编辑器 元素的运行时引用 (例如,从脚本或代码) 无效。您可以从其他 仅编辑器 元素引用 仅编辑器 元素。从非 仅编辑器 元素引用 仅限编辑器 元素会导致错误,并且可能导致未定义的行为。

每个 UI 元素也可以有一个 视觉组件(图像或文本)、一个 交互式组件 (按钮、复选框、滚动框、滑块或文本输入)和一个 布局组件 (布局列、布局行或布局网格)。 剩余组件是蒙版和Fader,UI 元素可以附加其中之一或两者。

对于以下每个过程,请使用 UI 编辑器 来管理 UI 元素。

在 UI 编辑器中管理 UI 元素

任务步骤
查找元素在 UI Editor (UI 编辑器) 菜单中,选择 Edit (编辑),然后选择 Find Elements (查找元素) 或按 Ctrl+F。有关详细信息,请参阅 搜索 UI 元素.
创建元素在 UI Editor 工具栏中,单击 New (新建),然后单击 Empty element (空元素)。该元素将显示在 Hierarchy (层次结构) 窗格和视区中。
移动、旋转元素或调整元素大小选择元素,然后单击工具栏中的 移动旋转调整大小工具。选择 对齐网格 以增量方式修改元素。
复制元素右键单击 Hierarchy (层次结构) 窗格或视区中的元素,然后选择 Copy (复制)。
微移元素要一次微移或移动一个像素的元素,请选择该元素,然后单击 Move 工具。使用箭头键将元素微移到所选方向。按住 Shift 键的同时按箭头键,可一次将元素微移 10 个像素。
粘贴复制的元素右键单击 Hierarchy (层次结构) 窗格或视区中的任意位置,然后选择 Paste (粘贴)。如果选择了某个元素,则会显示 Paste as sibling 和 Paste as child 选项。
删除元素右键单击 Hierarchy (层次结构) 窗格或视区中的元素,然后选择 Delete (删除)。
隐藏元素单击 Hierarchy 窗格或视区中的眼睛图标(位于元素名称右侧)。再次单击可显示元素。隐藏或取消隐藏(显示)元素时,以下行为适用:
隐藏所有元素要隐藏所有元素,请清除所有选定的项目,然后单击 Hierarchy 窗格顶行中的眼睛图标。
阻止在视区中选择元素单击 Hierarchy 窗格中元素名称右侧的挂锁图标。这可以防止仅选择该特定元素;其子项仍可选择。
阻止在视区中选择所有元素清除所有选定的元素(在 Hierarchy 窗格的空白区域中单击),然后单击 Hierarchy 窗格顶行中的挂锁图标。
重命名元素双击 Hierarchy 窗格中的元素,输入新名称,然后按 Enter。
嵌套元素在 Hierarchy 窗格中选择元素,并将其拖动到父元素的顶部。
更改元素绘制顺序在 Hierarchy 窗格中选择并向上或向下拖动元素。元素从层次结构列表的顶部开始按顺序绘制,因此列表底部的元素显示在列表顶部的元素前面。