创建第一个UI界面詹定佳94课件.pptxVIP

创建第一个UI界面;一.UI概述;UI也就是我们常说的用户界面，是人与机器之间发生交互的载体，对用户体验有直接且重要的影响。;UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。;启动页;二.UE中UI应用的

典型场景;游戏中的菜单界面;数字孪生项目数据展示界面;三.UE中创建UI的

蓝图系统;UE中创建UI的蓝图系统，是虚幻示意图形界面设计器，简称UMG。;四.创建控件蓝图;;;UMG界面;五.认识控件蓝图界面;第一个模块：菜单栏，包含文件、编辑、资产等常用的菜单选项。;;;设计器模式：主要用于UI设计，可以直观的创建和布局UI元素。;图表模式：则用于编写和调试UI元素的交互逻辑。;;第五个模块：层级，用来显示用户控件的层级结构。;第六个模块：视觉设计器，显示布局的视觉效果，在此窗口中可以操纵已拖动到视觉设计器中的控件。;;;六.在UMG中创建UI;;两种UI件;两种UI件;三个主要的蓝图节点：

;创建控件节点用于创建控件蓝图的实例,便于调用创建的UI界面。;添加到视口节点用于将控件蓝图实例显示到屏幕上。;从父项中移除节点使控件蓝图实例从屏幕上移除，不显示UI。;1.新建项目命名为FirstUI

2.创建控件蓝图，添加画布面板、可编辑文本控件

3.修改文本的字体、颜色、大小等属性

4.添加创建控件节点、添加到视口节点

5.添加回车键盘事件，用于触发UI显示

6.当回车键松开时，使用从父项中移除节点移除屏幕中的UI;本节课我们学习了如何在虚幻引擎中创建UI界面。

首先，了解了UI的定义和重要性，讨论了在UE中常见的UI应用场景。

接着，介绍了UE的UMG蓝图系统，它是设计和实现UI界面的核心工具。我们详细学习了UMG界面中的8个模块，并通过蓝图节点创建了第一个UI界面，将其显示在游戏画面中。

通过本次学习，掌握了UI控件的使用方法及其在虚幻引擎中的实际操作，理解了UI设计的基本概念和技巧。;谢谢！