UE4 – UMG编辑器小工具简介

Posted on

原文链接:https://isaratech.com/ue4-editor-widgets-with-umg-4-22/(英文)
译者:李华宾

新发布的4.22版本的虚幻引擎4刚刚提供了许多新功能。被讨论得最多的功能就是实时光线追踪渲染,Epic就其许下了很多的承诺。但是在这许多的新功能中,如果你的工作的一部分是通过添加新功能来改进引擎,那么肯定会有一个很大的功能是你所需留意到的:它就是Editor Utility Widgets。

根据Epic的描述:

Editor Utility Widgets让你可以使用已有的UMG UI Editor和Blueprint Visual Scripting创建带UI界面的小工具来扩展UE4编辑器的功能!这些是仅限编辑器的UI面板,可以像其他虚幻编辑器面板一样从Windows菜单中选择。

由于该功能的新颖性,目前缺乏有关如何使用它的教程和文档。我们将通过几篇有关于该主题的文章进行探讨来涵盖其大部分功能,今天我们将从一个小介绍开始。

创建一个小工具(Widget)

在Content Browser面板中右键创建
Editor Widget

首先,我们需要创建类型为Editor Widget的Asset。

一旦打开,就会弹出旧的UMG UI编辑器界面。因此,熟悉这个编辑器的人不会感到陌生。对于其他人来说,要开始,您需要做的就是将UI组件从Palette窗口中拖放到主窗口或Hierarchy窗口中。

对于这个例子,我们只需要制作一个小的“Hello World”按钮。Editor Widget窗口如下所示:

在窗口小部件的事件图中,我们添加了这个简单的事件行为:

运行小工具

这个小工具非常简单,但它显示了如何为编辑器创建UMG小工具的主要步骤。现在,我们要测试它。

这一部分非常容易:我们只需在内容浏览器中右键单击窗口小工具的Asset图标,然后选择Run Editor Utility Widget。小工具就会立即打开,如图:

当我们点击Hello World按钮时:我们在视口中看到了日志行“Hello World”。
鉴于我们处于编辑器模式(非运行时)中,我们可以调用任何编辑器函数。例如,我们想要创建一个小工具,其目的是通过定义的一组参数来构造整个场景,这听起来是不是非常有用?

在下一篇中…

正如在介绍中所说,这篇文章只是第一个系列。它介绍了Editor Widget蓝图的概念以及如何使用它。
在接下来的文章中,我们将介绍如何以C++编程方式与这些小部件进行交互,以及如何使用C ++创建这些小部件。如果您希望在这些文章发布时得到通知,您可以在TwitterFacebook上关注我们。

下一篇文章(UE4 – 使用C ++扩展编辑器小工具

One Reply to “UE4 – UMG编辑器小工具简介”

发表评论

电子邮件地址不会被公开。 必填项已用*标注