UnrealEngine蓝图进阶学习笔记（八）：创建UI界面及引用

发现虽然UE支持中文无比方便，但在搜索组件时搜索widget反而搜索不出，只能手打控件组件来搜索；

一、为钥匙的破解添加进度条UI显示

1.创建破解进度条UI

在蓝图文件夹新建widgets文件夹，创建”用户界面-控件蓝图“WB_CrackProgress；

编辑，将通用中的进度条拖拽至层级窗口画布画板中名为CrackProgressBar，瞄点选择正中，x、y轴归零，对齐改为（0.5，0.5），尺寸（70，10）；背景图绘制为无；

2.钥匙蓝图中获取UI控件

在组件中搜索控件组件命名为CrackProgressBarWidget，编辑位置高度为50，右侧设置用户界面的控制类选为以上UI；

用户界面的空间选项为场景时该UI仅正对着摄像机才能显示出全景，设置为屏幕时则一直正对摄像机；

右上角编辑图表：创建类型为key的EnterKeyRef变量，

编辑钥匙的事件蓝图，拖拽控件引脚创建GetUserWidgetObject（创建用户控件变量）节点，

3.设置UI绑定事件

编辑UI控件的设计器设置，点击添加绑定（自定创建函数）；

编辑蓝图，设置进度条；

此时测试项目，破解钥匙时将有进度显示；

二、俯视角射击场景主UI的设计

4.创建生命值UI

创建控件蓝图WB_ShootSpider_MainUI，在面板下拉项中选中覆层于画布面板下（位置越靠上则最先被渲染位于最底层），瞄点置于正下方，位置归零，对齐为（0.5，1.25），勾选大小到内容以适配图片大小；

添加图片命名为HUDBackground，设置背景图为hud_Icon，渲染变换设置中缩放改为（1，-1）；大小改为（762.5，206.25）

添加进度条控件命名为HealthProgressBar，居中，填充图为Health贴图，条填充类型为从底到顶；改变渲染变化如图：

添加文本控件命名为HealthText，编辑水平垂直居中与字号，
添加进度条为SprintProgressBar，填充为FireBar；

复制进度条为FireProgressBar；

图层调节如下：