本章目标：

• 学习并掌握Unreal的UI系统

• 记录设计UnrealUI时遇见的问题和解决方案

配置环境：

• Unreal 5.4

• Windows11

• 3070ti显卡（带光追）

1. UGUI基础学习参考视频

1.1 讲的内容比较细，基础使用的UI功能都有讲到

1.2 较为推荐，讲的内容和上面的差不多，不过口吃清晰，明显备过课

2. Unreal UGUI基本结构

接下来介绍一下制作UI常用的4个内容：

1. 画布面板：作为UI的基础面板，是必要创建的内容之一

2. 通用内容：是UI内容填充的重要内容分类，包括主要的图片、文本和按钮

3. 面板内容：是通用内容的载体，主要是做梳理通用内容用的，有很好的布局排布性

4. 用户创建内容：是外部已经做好的其他UI控件，可以直接通过该分类检索到并且可以添加到主界面中

3. 将UI渲染到视口

1. 打开关卡蓝图

2. 从事件开始运行开始（Event BeginPlay)

3. 创建控件节点(Create Widget)->添加到视口节点（Add to Viewport)

4. UI动画组件

4.1 Unreal UMG动画组件功能

1. 动画组件结构

2. 动画组件可调用内容

5. UI蓝图功能（持续更新）

5.1 UI动效实现方法

5.1.1 Shader材质实现UI动效的方法

5.1.2 AE特效动画实现UI动效的方法

5.2 UI各种包裹框应用方法

5.2.1 安全框

5.2.2 包裹框

（1）功能

1. 包裹框是一个根据框中朝向从左到右或者从上到下独立排列的控件。

2. 当空间超过预设大小时，例如预设5列，超过5列将另起一行。

（2）特点

1. 可以拥有很多子项

2. 流动性强

3. 能够包裹其他子件（统一控制填充效果）