UE4-UI设计之UMG

发表于2017-12-23
评论0 3.2k浏览

官方推荐UI设计目前更好的办法UMG,所以就学习使用一下UMG


引用官方文档:虚幻动态图形 UI 设计器 (UMG) 是一款视觉 UI 创作工具,可用于创作想要呈现给用户的 UI 元素,比如游戏内的 HUD、菜单或与界面相关的其他图形。UMG 的核心是控件,即用于构成界面的一系列预先制作的功能(比如按钮、复选框、滑块、进度条等)。这些控件在专门的控件蓝图中进行编辑,编辑时将用到两个选项卡进行构建:设计器选项卡实现界面的视觉布局,而图形选项卡则实现使用控件时提供的功能。

例子参照官方https://docs.unrealengine.com/latest/CHN/Engine/UMG/QuickStart/1/index.html

步骤:

1、使用控件蓝图(widget blueprint)创建3个蓝图,分别为HUD、MainMenu、PauseMenu;

所有用户界面元素(HUD、菜单等)都将在控件蓝图中创建并且存放。利用控件蓝图可以在视觉上对 UI 元素进行布局,并为这些元素提供用脚本编辑的功能

https://docs.unrealengine.com/latest/images/Engine/UMG/QuickStart/1/CreateLevel.jpg

2、创建主要关卡:MainLevel;

3、按照官方教程继续....(add property to FirstPersonCharacter :Health,Energy...,EventGraph中相应的事件中添加改变变量的步骤);

4、在第4步 (https://docs.unrealengine.com/latest/CHN/Engine/UMG/QuickStart/2/index.html)

好像还不能访问FirstPersonCharacter中存储的变量,在与进度条绑定过程中看不到蓝图中的变量;


必须将MyCharacter变量的类型设置为FirstPersonCharacter


5、设置菜单布局,设置菜单功能,菜单功能的添加与vc中使用的控件非常相似,与xcode中的按钮菜单编辑也相似

https://docs.unrealengine.com/latest/CHN/Engine/UMG/QuickStart/3/index.html

https://docs.unrealengine.com/latest/CHN/Engine/UMG/QuickStart/4/index.html

来自:http://blog.csdn.net/newmac2012/article/details/78448306

如社区发表内容存在侵权行为,您可以点击这里查看侵权投诉指引