创建 3D 控件_1.创建控件蓝图

来源:互联网 发布:阿里云邮箱域名解析 编辑:程序博客网 时间:2024/06/14 20:20

步骤

  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 世界空间中导航的菜单,它可以响应鼠标交互并让您对如何开始入手有一个概念。


本文转自http://www.52vr.com/extDoc/ue4/CHN/Engine/UMG/HowTo/Create3DWidgets/WidgetSetup/index.html

原创粉丝点击