查看: 487|回复: 6

[虚幻编辑器手册] 【1.创建控件蓝图 | Unreal Engine】

[复制链接]

1

主题

342

帖子

7万

积分

管理员

Rank: 9Rank: 9Rank: 9

积分
75866
发表于 2016-6-24 20:49:30 | 显示全部楼层 |阅读模式


Previous Step


   
Next Step



   
Creating 3D Widgets


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

在本指南中,我们已使用启用了 新手内容 的 第三人称蓝图 模板来创建新项目。
步骤
在项目 内容浏览器 的 内容 根文件夹下,单击右键 并创建名为 UMG 的新文件夹。

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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

【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



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

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


  Previous Step


   
Next Step



   
Creating 3D Widgets




     



   
【虚幻4翻译文档-1.创建控件蓝图 | Unreal Engine】[虚幻4中文文档]



      




   


      相关页面

  




       UMG UI Designer








      UMG UI 设计器用户指南








      蓝图可视化脚本




回复

使用道具 举报

0

主题

1247

帖子

3881

积分

vip会员

Rank: 1

积分
3881
发表于 2016-7-2 18:05:01 | 显示全部楼层
一下这么多新发的好东东,谢谢分享
回复 支持 反对

使用道具 举报

0

主题

831

帖子

2740

积分

vip会员

Rank: 1

积分
2740
发表于 2016-7-3 17:24:13 | 显示全部楼层
加油摸摸大,感谢楼主分享
回复 支持 反对

使用道具 举报

0

主题

837

帖子

2768

积分

vip会员

Rank: 1

积分
2768
发表于 2016-7-4 09:58:24 来自手机 | 显示全部楼层
不错的资源啊,可以研究研究
回复 支持 反对

使用道具 举报

0

主题

837

帖子

2713

积分

vip会员

Rank: 1

积分
2713
发表于 2016-7-6 01:39:01 | 显示全部楼层
全就行啊,,支持 一下
回复 支持 反对

使用道具 举报

0

主题

867

帖子

2874

积分

vip会员

Rank: 1

积分
2874
发表于 2016-7-9 20:54:06 来自手机 | 显示全部楼层
要查看本帖隐藏内容请回复
回复 支持 反对

使用道具 举报

0

主题

913

帖子

3019

积分

vip会员

Rank: 1

积分
3019
发表于 2016-7-12 11:23:17 | 显示全部楼层
大水比一个,路过支持一下
回复 支持 反对

使用道具 举报

*滑块验证:
您需要登录后才可以回帖 登录 | enginedx注册

本版积分规则

 
 



邮件留言:


 
返回顶部