Unreal教学(13)——创建界面(Creating Screen UI Elements)

GUI的重要性。

这章中我们建立player的健康值, stamina, and ammo.展示很多其它的东西。

使用的编辑工具叫做Unreal Motion Graphics UI Designer (UMG).

主要讲述内容:

1. 使用UMG创建UI元素

2. 使用蓝图修改创建的UI元素。

HUD (short for Heads-up Display)

首先进入蓝图定义这些值,定义一个PlayerHealth ,修改它的变量为Float.

做成的一个gui图,界面看上去还行。

Unreal教学(13)——创建界面(Creating Screen UI Elements)

有Health, 剩余子弹数,等等其余的值。

主要就是拖拽物体,有点像Android Studio,用过这个的人应该对这个不难。

然后就是连接蓝图,选择相应的事件,下一步是怎么使这些变量生效。

制作的界面

Unreal教学(13)——创建界面(Creating Screen UI Elements)

使用的蓝图。

Unreal教学(13)——创建界面(Creating Screen UI Elements)


2. Creating binding for health and stamina

有个很关键的词是捆绑,每个widget可能都有一些捆绑的函数。

下面是health progress bar的捆绑, 另外一个和这个相同。

Designer ----> Graph随意切换。

Unreal教学(13)——创建界面(Creating Screen UI Elements)


之前在Blueprint命名的四个变量绑定完成,

下面是蓝图

Unreal教学(13)——创建界面(Creating Screen UI Elements)

通过下面这个蓝图连接上我们之前定义的UI界面。


通过在Event BeginPlay那里把这个HUD widget加上。

这个模板还是挺复杂的,不过已经完美解决了。