1.创建控件蓝图

要在 3D 世界空间中显示控件,我们必须首先创建要显示的 Widget Blueprint 。在本教程中,我们将创建供玩家导航的 3D 菜单,但您也可以采用该方法创建想要显示的任何类型的 3D 控件(体力条、互动式世界内 UI 元素等)。

在本指南中,我们已使用启用了 新手内容第三人称蓝图 模板来创建新项目。

步骤

  1. 在项目 内容浏览器内容 根文件夹下,单击右键 并创建名为 UMG 的新文件夹。

  2. UMG 文件夹中,点击 添加新内容,然后在 用户界面 下,选择 控件蓝图

    3DWidgets_1.png

  3. 控件蓝图 命名为 主菜单,然后点击 保存全部 按钮。

    3DWidgets_2.png

  4. 双击 控件蓝图,在 UMG 编辑器中将其打开。

    3DWidgets_3.png

    默认情况下,会打开控件蓝图的 设计器 选项卡。

  5. 层级 窗口中,删除 CanvasPanel,然后从 调色板 窗口添加 垂直框(位于 面板 部分下方)。

    3DWidgets_4.png

    您可以将 垂直框 拖放 节点上,如上图所示。

  6. 调色板 窗口的 常用 下,将 文本 控件拖动到 垂直框 上。

    3DWidgets_5.png

  7. 层级 窗口中,点击 文本 控件,然后在 详情 面板中,将其设为 填充 以及水平和垂直 居中

    3DWidgets_6.png

  8. 调色板 窗口的 常用 下,将 按钮 控件拖动到 垂直框 上。

    3DWidgets_7.png

  9. 层级 窗口中,点击 按钮 控件,然后在 详情 面板中,将 大小 设为 填充

    3DWidgets_8.png

  10. 当位于 按钮详情 面板中时,在 样式正常 下,将 着色 设为您想要的颜色(我们选择了黑色)。

  11. 另请展开 光标悬停,并将 着色 颜色设为不同于上述 正常 状态所用颜色的其他颜色。

    3DWidgets_9.png

    这会将按钮设置为 正常 时显示一种颜色,而当用鼠标 悬停 在按钮上时则显示另一种颜色。

  12. 层级 窗口中,点击 文本块 并复制,然后点击 垂直框 并粘贴。

  13. 重复上述步骤 12 多次,直到有 4 个 文本块

    3DWidgets_10.png

  14. 层级 窗口中,点击 按钮 并复制,然后点击 垂直框 并粘贴。

  15. 重复上述步骤多次,直到有 3 个 按钮

    3DWidgets_11.png

  16. 文本块 拖动至 层级 中的每个 按钮 上。

    3DWidgets_12.png

    显示的布局看起来应当与下图类似。

    3DWidgets_13.png

  17. 层级 窗口中,点击顶部的 文本块,然后在 详情 面板的 内容 下,将 文本 设为 我的游戏标题

  18. 同样对于 详情 面板中 外观 下的的 文本块,可以在 字体 选项下更改字体的大小。

    3DWidgets_14.png

    在此,我们为菜单赋予的标题为 我的游戏标题,并将大小设置为 102

  19. 对于在按钮上显示的每一段文本,将文本更改为您所希望的菜单选项(并设置它们的大小)。

    3DWidgets_15.png

    在此示例中,我们完成的菜单有三个按钮 加载游戏开始新游戏 以及 退出游戏,字体大小都设为 56

  20. 点击 编译,然后点击 保存 并关闭蓝图。

最终结果

我们已完成控件蓝图创建过程,并且我们现在可以将其用作接下来要创建的角色蓝图中的 控件组件。虽然我们不会为该按钮连结在点击时触发的功能,但至少获得了一个可以在 3D 世界空间中导航的菜单,它可以响应鼠标交互并让您对如何开始入手有一个概念。