文档介绍:项目六 UI界面
任务1:
认识虚幻引擎动态图形设计器
任务2:
制作游戏主菜单
任务1:认识虚幻引擎动态图形设计器
虚幻动态图形UI设计器
控件
输入模式
锚点
虚幻动态图形UI设计器
创建控件蓝图
创建控件
操作方法:打开另一个蓝图(如关卡蓝图或角色蓝图),鼠标右键单击调出上下文关联菜单,输入“createwidget”关键词,选择“创建控件”
控件
创建控件
鼠标左键点击节点的“Class”引脚的“选择类”按钮,在打开的菜单中选择之前新建的控件蓝图的名字,目的是将此控件与控件蓝图之间建立联系。
控件
创建控件
“Return Value”引脚返回“Class”类中引用的实例,鼠标左键拖曳“Return Value”引脚,在关联菜单中选择“提升为变量”
控件
创建控件
蓝图中会出现名为“设置”的节点,并在“我的蓝图”面板“变量”下新增一个变量(重命名为“UMGTest”),之后可以以此访问该控件蓝图。
控件
创建控件
在蓝图中添加“Add to Viewport”,并建立连接,将控件蓝图的内容推送到屏幕上显示。
输入模式
输入模式
在有些情况下,玩家想要与用户界面进行交互,而有些情况下则希望能够完全忽视掉用户界面。通过设置输入模式节点可以用设定玩家与UI交互的方式
“Set Input Mode Game and UI”节点,使玩家可以同时操纵游戏和UI,例如,控制屏幕上的角色的同时可以点击任意的按钮或UI元素。
“Set Input Mode Game Only”节点仅对游戏启用输入,忽视UI元素,适用于非交互性UI元素,如体力、点数或时间显示。
“Set Input Mode UI Only”节点只允许UI导航不允许游戏输入的情况下使用。这将完全禁用掉所有的游戏控制,UI将成为所有输入的对象,请谨慎使用该节点。
锚点
锚点功能
锚点用来定义UI控件在画布面板上的预期位置,并在不同的屏幕尺寸下维持这一位置。锚点在正常情况下以Min(0,0)和Max(0,0)表示左上角,Min(1,1)和Max(1,1)表示右下角。创建画布面板并向其中添加其他UI控件后,既可以从一系列预设的锚位置中进行选择,也可以手动设置锚位置。
锚点
锚点工作原理
黄框内图案是锚图案,它表示画布面板上锚点的位置。
锚点
锚点工作原理
场景中,水平和垂直黄线表示按钮基于画布尺寸相对于窗口左上角锚的位置。
锚点
锚点工作原理
如果把锚点移动到右下角,按钮的位置相对于锚点之间的距离即发生了改变。锚点的位置会根据屏幕尺寸来影响控件的位置。
任务2:制作游戏主菜单
创建主菜单控件
制作主菜单外观
设置主菜单按钮跳转功能
创建主菜单控件
创建主菜单控件步骤
(1)利用关卡编辑器的“文件”菜单创建一个新的空关卡,用于制作显示主菜单的场景,将新关卡命名为“MainMenuMap”。打开关卡蓝图。
(2)创建控件蓝图,用于制作主菜单。在内容浏览器中,点击“添加新内容”按钮,在“用户界面”下选择“控件蓝图”选项,并对其进行重命名为“WBP_MainMenu”。
创建主菜单控件
创建主菜单控件步骤
(3)创建控件并利用控件对主菜单的显示做相应的设置。打开关卡蓝图,鼠标右键单击调出上下文关联菜单,输入“createwidget”关键词,选择“创建控件”,并在“Class”引脚的“选择类”按钮中选择引用的控件蓝图“WBP_MainMenu”。
创建主菜单控件
创建主菜单控件步骤
将控件节点的“Return Value”引脚返回值提升为变量,鼠标左键拖曳“Return Value”引脚,在关联菜单中选择“提升为变量”,并在“我的蓝图”面板“变量”将新增的变量重命名为“MainMenu Widget”,在蓝图中添加“Add to Viewport”,并建立连接,将控件蓝图的内容推送到屏幕上显示。
创建主菜单控件
创建主菜单控件步骤
设置输入模式和光标显示:添加“Set Input Mode Game and UI”节点,使玩家可以同时操纵游戏和UI。添加“Set Show Mouse Cursor”节点来设置启用或禁用鼠标光标。注意增加3个“Get Player Conftroller”节点以获得相应设置的玩家控制权。
制作主菜单外观
添加控件
双击打开用于制作主菜单的控件蓝图“WBP_MainMenu”编辑器,打开控制板的“面板”选项,鼠标左键将“Canvas Panel”控件添加到设计视口中。并调整其大小,以适合主菜单的要求。