UE中使用Editor Utility Widget创建编辑器工具

简介: UE中使用Editor Utility Widget创建编辑器工具

在UE中可以使用EditorUtilityWidget创建编辑器面板工具,方便平时的开发。在UE4中使用编辑器UI需要开启对应插件,而UE5中则默认启用,下面就来学习一下。

1.UI创建
1.1.在Content Browser中右键,找到Editor Utilities即可创建编辑器工具。
q1.png

其中Editor Utility Blueprint为一些编辑器蓝图扩展,较为灵活,不在这次的讲解范围内。

1.2.创建一个Editor Utility Widget对象,双击打开,设置UI编辑状态下的分辨率,方便编辑:
q2.png

设置后如下:
q3.png

1.3.增加UI控件对UI内容进行编辑,例如该示例,外层可以套一个Scroll Box方便滑动,内部嵌套若干Vertical Box,每个Vertical Box内分别是不同功能的GUI内容。
q4.png

注意:将Text控件放置于Image或者Button层级内是一种做法,或者将两者都放入Overlay控件层级内,也是一种做法。

1.4.点击UI中创建的按钮,这里演示一个检查所有选择的对象,是不是被人修改了缩放的功能:
q5.png

2.蓝图部分
2.1 制作编辑器工具时,最好是加上Undo代码块,UE中Undo对应的蓝图节点分别是Begin Transaction、End Transaction,当然也有针对对象创建的其他类型Undo,但常见的就是这2个,加入Undo后蓝图如下:
q6.png

2.2.因为要编写一个检查是不是有人动了Scale值的功能,我们通过Editor Actor SubSystem拿到当前选中的所有Actor,左边连入节点是Begin Transaction.最后通过一个Show Message Dialog节点,弹出弹窗:
q6.png
q7.png
2.3.编写完毕后右键编辑器蓝图工具的图标,点击Run Editor Utility Widget启动该编辑器面板即可。
q8.png

相关文章
|
3月前
|
JavaScript 前端开发 API
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
本文介绍了如何在Vue 3项目中使用v-md-editor组件库来创建markdown编辑器和预览组件。文章提供了安装步骤、如何在main.js中进行全局配置、以及如何在页面中使用VMdEditor和VMdPreview组件的示例代码。此外,还提供了一个完整示例的链接,包括编辑器和预览组件的使用效果和代码。
vue3 v-md-editor markdown编辑器(VMdEditor)和预览组件(VMdPreview )的使用
|
4月前
|
JavaScript
基于Vue2.X/Vue3.X对Monaco Editor在线代码编辑器进行封装与使用
这篇文章介绍了如何在Vue 2.X和Vue 3.X项目中封装和使用Monaco Editor在线代码编辑器,包括安装所需依赖、创建封装组件、在父组件中调用以及处理Vue 3中可能遇到的问题。
680 1
基于Vue2.X/Vue3.X对Monaco Editor在线代码编辑器进行封装与使用
|
4月前
|
存储 JavaScript 前端开发
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
文章展示了在Vue项目中通过集成Quill富文本编辑器实现公告功能的完整开发过程,包括前端的公告发布、修改、删除操作以及后端的数据存储和处理逻辑。
Vue中通过集成Quill富文本编辑器实现公告的发布。Vue项目中vue-quill-editor的安装与使用【实战开发应用】
|
3月前
一款非常棒的十六进制编辑器 —— 010 Editor
一款非常棒的十六进制编辑器 —— 010 Editor
|
4月前
|
存储
UE建模模式编辑器工具的快速入门教程
在UE虚幻引擎中,想要进行创建网格体、制作新关卡几何原型、编辑现有静态网格体资产等模型编辑动作,都需要借助建模模式的编辑器完成。因此,充分掌握编辑器能力是每个UE开发人员必备的基础技能,尽管UE建模模式中的许多工具与其他建模软件工具操作类似,但在如何构建网格体编辑方面存在着重要区别。 下面就带大家一起了解「UE建模模式编辑器」的不同之处🤔。
|
5月前
|
小程序
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
628 0
【微信小程序-原生开发】富文本编辑器 editor 的使用教程
|
5月前
|
自然语言处理 Shell 开发者
先文章写在自己的富文本上,痛点,商业模式,支持文章转载,搭建工具------自媒体平台之间快速上传文章的方法,利用自己的富文本编辑器进行上传
先文章写在自己的富文本上,痛点,商业模式,支持文章转载,搭建工具------自媒体平台之间快速上传文章的方法,利用自己的富文本编辑器进行上传
|
7月前
|
API 开发工具 C++
【专栏:工具与技巧篇】使用代码编辑器(VS Code/Sublime Text)提升开发效率
【4月更文挑战第30天】在VS Code与Sublime Text两大流行代码编辑器中,开发者可借助其高效特性提升编程效率。VS Code拥有丰富的插件生态、内置Git集成、强大的调试工具、智能提示和多文件导航功能。Sublime Text则以其轻量级、快速响应、多光标编辑及自定义构建系统见长。学习编辑器的键盘快捷键、自定义配置、使用内置终端以及键绑定和宏,将助开发者进一步提高开发效率。选择适合自己的编辑器并不断适应新技术是提升开发工作流的关键。
313 1
|
5月前
|
开发工具
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容
vi编辑器,现在vi\vim是文本文件进行编辑的最佳选择,Vim是vi的加强的版本,兼容vi的所有指令,vim编辑器有三种工作模式,一开始进入的是命令模式,命令模式i是插入的意思,两下y+p复制内容