控件蓝图

介绍如何创建控件蓝图以及控件蓝图界面

Choose your operating system:

Windows

macOS

Linux

本页面的内容

首先,你应该创建一个 控件蓝图(Widget Blueprint),如下所示。有了它之后,你便可以开始使用 虚幻示意图形(Unreal Motion Graphics (UMG)).

  1. 创建 控件蓝图(Widget Blueprint)。在 内容浏览器(Content Browser) 中点击 添加(Add),然后选择 用户界面(User Interface) > 控件蓝图(Widget Blueprint)

    NewWidgetBlueprint.png

    除了点击 添加(Add) 按钮以外,你还可以在 内容浏览器(Content Browser) 中右键点击。

  2. 你可以重命名在内容浏览器中创建的控件蓝图,也可以使用默认名称。

    RenameWidgetBlueprint.png

  3. 双击 创建的 控件蓝图(Widget Blueprint) 来将其在 控件蓝图编辑器(Widget Blueprint Editor) 中打开。

    点击查看大图。

控件蓝图编辑器

设计器(Designer) 选项卡是在 控件蓝图编辑器(Widget Blueprint Editor) 中默认打开。利用这些编辑器工具,你可以自定义UI的外观。另外,你可以根据你调整的布局来预览游戏内画面。

点击查看大图。

数字

窗口

描述

1

菜单栏(Menu Bar)

包含常用的菜单选项。

2

工具栏(Tool Bar)

包含蓝图编辑器一些常用的功能,比如 编译(Compile)保存(Save)浏览(Browse)播放(Play) 等等。

3

编辑器模式(Editor Mode)

切换蓝图编辑器的 设计器(Designer)图形(Graph) 模式。

4

调色板(Palette)

包含一个控件列表,可以将其中的控件拖放到 视觉设计器(Visual Designer) 中。显示继承自UWidget的所有类。

5

层级(Hierarchy)

显示用户控件的层级结构。可以将控件从 调色板(Palette) 拖动到此面板。

6

视觉设计器(Visual Designer)

这里显示布局的视觉呈现。在此窗口中可以操纵已拖动到视觉设计器中的控件。

7

详情(Details)

显示当前所选控件的属性。也可以在该面板调整属性。

8

动画(Animations)

UMG的动画轨道,用于设置控件的关键帧动画。

视觉设计器(Visual Designer) 窗口默认按 1:1 比例显示,但是可以按住 Ctrl 键并使用 鼠标滚轮 来更改比例大小。

下图为 控件蓝图编辑器(Widget Blueprint Editor)图形(Graph) 选项卡。

点击查看大图。

图形选项卡的功能与蓝图编辑器的设计器选项卡类似。有关图形选项卡基本功能的信息,请参阅图表编辑器选项卡文档。

本文基于此前的虚幻引擎版本编写,未针对当前的虚幻引擎5.0版本更新过。