最近开始学习UE4，整理了一下UE4的UMG官方文档的主要内容。

目录：
UE4官方文档UI学习：1.UMG UI设计器快速入门
UE4官方文档UI学习：2.UMG 创建主菜单
UE4官方文档UI学习：3.UMG 创建暂停菜单
UE4官方文档UI学习：4.UMG 创建控件模板
UE4官方文档UI学习：5.UMG 创建3D控件交互
UE4官方文档UI学习：6.UMG 使用菜单锚显示弹出菜单
UE4官方文档UI学习：7.UMG 用事件驱动UI更新

所需模板：蓝图第一人称（Blueprint First Person）

本节内容

1.创建Widget Blueprint
2.使用Create Widget 节点，和Add to Viewport 节点，把刚刚创建Widget Blueprint，添加到游戏视口并填充整个屏幕。
3.蓝图中设置变量的减法
4.蓝图中设置branch的条件判断
5.Promote to Variable保存为变量（极其常用！）
6.使用Widget Blueprint的Designer给UI赋值变量

创建Widget Blueprint

内容浏览器（Content Browser）-- 新增（Add New）按钮 – 用户界面（User Interface）-- 控件蓝图（Widget Blueprint）并将其命名为 HUD。

修改蓝图FirstPersonCharacter

该蓝图的路径：Content/FirstPersonBP/Blueprints/FirstPersonCharacter
第一步：增加变量 Health, Energy, Ammo, MaxAmmo
第二步：修改Event BeginPlay节点
1.为Event BeginPlay节点，选择Create Widget 节点，Class设置为刚刚新建的HUD类

2.Create Widget 节点的Return Value 引脚，选择 Promote to Variable节点，也即是将其提升为变量。得到一个Set节点，命名为"HUD Reference"，目的在于游戏启动时创建刚刚的HUD（Widget Blueprint），并存为一个变量以便后续访问。例如，如果要在游戏暂停时隐藏HUD，可以通过该变量访问HUD。
3.Set 节点的输出引脚，选择Add to Viewport 节点。目的是把这个Widget Blueprint，添加到游戏视口并填充整个屏幕。

第三步：在Jump脚本中实现Energy的扣除
1.按住Alt拖入Energy变量，用于读取值
2.按住Ctrl拖入Energy变量，用于设置值
3.中间连接float-float，设置为0.25，从而实现每次跳跃扣除0.25

第四步：按下F键实现Health扣除
1.空白处右键输入anykey，input key选择F键

2.float-float扣除Health0.25的逻辑操作同上。

第五步：Spawn Projectile脚本中扣除子弹数量，并限制弹药为0时无法射击
1.同上在Play Sound at Location 节点后进行int-int对ammo扣除1的操作

2.在 InputAction Fire事件后，选择Branch 节点，拖入Ammo变量，连接到Integer>Integer，设置为>0，连到Branch的Condition

第六步：编译并保存FirstPersonCharacter

修改HUD的Designer

调整如下：

修改HUD的Graph

1.空白处，右键单击并添加 Get Player Character 节点
2.Get Player Character 节点的Return Value引脚，选择Cast to FirstPersonCharacter，用于检查目前玩家使用的角色蓝图是否是否确实是First Person Character 蓝图。
3.Cast to FirstPersonCharacter节点的As First Person Character引脚，选择Promote to Variable，得到Set节点，命名为"My Character"
4.连接到事件construct

编译并保存后，接下来就可以通过"My Character"访问到FirstPersonCharacter蓝图中的变量。

返回HUD的Designer给UI赋值变量

Health进度条绑定到MyCharacter的Health
Energy进度条绑定到MyCharacter的Energy
两个text分别绑定到MyCharacter的Ammo和Max Ammo

效果如下：

参考资料：文档链接：https://docs.unrealengine.com/zh-CN/Engine/UMG/QuickStart/index.html

UE4官方文档UI学习：1.UMG UI设计器快速入门相关推荐

UE4官方文档学习笔记材质篇——UV坐标动画，凹凸贴图偏移
一.UV坐标动画 1.含义 UV 坐标动画或 UV 平移的含义是,水平 (U) 和/或垂直 (V) 移动纹理的 UV 坐标,以产生复杂动画的错觉. 2."Panner(平移)"节点 ...
Python版本VTK官方文档教程学习(五)
Tutorial Step5: 教程描述: 这个例子将交互的概念引入了python环境(vtkrenderinteractor),即鼠标或键盘与渲染窗口中模型的交互.比如通过鼠标进行移动.旋转.缩放等 ...
UE4官方文档_Light Propagation Volumes_LPV方案
光线传播体积(Light Propagation Volumes)功能仍在开发中,不适用于生产. 本页面的内容: 启用光线传播体积基础场景设置光线传播体积设置调整外观和性能定向光源设置查看全 ...
jsTree 组件官方文档学习
jsTree 组件官方文档学习什么是 jsTree 根据jsTree官网的解释:jsTree 是一个jquery 插件, 提供交互式树.它是完全免费的,开源的,并根据MIT许可进行分发.jsTree ...
Spark官方文档整理：spark-core
Spark 官方文档 1,spark 概述 Apache Spark 是一个快速通用的集群计算系统,它提供了提供了java,scala,python和R的高级API,以及一个支持一般图计算的优化引擎. ...
python笔记6-python官方文档之format()格式化详解
字符串格式化之format() 字符串的格式化是特别特别重要的一个知识点,自己将通过python官方文档来具体总结学习它,整体为如下一篇笔记文章,以备自己后来复习回顾. 一.format() ...
MySQL8.0.28安装教程全程参考MySQL官方文档
MySQL8.0.28详细安装教程.提供了Windows10下安装MariaDB与MySQL8.0同时共存的方法,以及Linux发行版Redhat7系列安装MySQL8.0详细教程.Windows10 ...
如何全文搜索oracle官方文档
如何全文搜索oracle官方文档 [技巧]如何全文搜索oracle官方文档一.1 BLOG文档结构图一.2 导读和注意事项各位技术爱好者,看完本文后,你可以掌握如下的技能,也可以学到一些其它 ...
【技巧】如何全文搜索oracle官方文档
一.1 BLOG文档结构图一.2 导读和注意事项各位技术爱好者,看完本文后,你可以掌握如下的技能,也可以学到一些其它你所不知道的知识,~O(∩_∩)O~: ① 如何在线和离线查看oracle官 ...
ZooKeeper编程向导——源自官方文档
ZooKeeper编程向导--源自官方文档介绍(源自ZooKeeper官方文档) 学习HBase过程中,发现它与ZooKeeper的关系比较密切,于是专门学习了一下ZooKeeper,下面是ZooK ...

UE4官方文档UI学习：1.UMG UI设计器快速入门