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

相关文章
|
2月前
|
数据可视化 Linux Shell
【Linux工具篇】编辑器vim
【Linux工具篇】编辑器vim
43 1
|
3月前
|
JavaScript 前端开发
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
在 Vue 2 中安装和使用 mavon-editor富文本编辑器
89 0
|
4月前
|
存储 前端开发 JavaScript
医院电子病历编辑器,EMRE(EMR Editor)源码
医院电子病历编辑器,EMRE(EMR Editor)源码
67 0
|
4月前
|
缓存 资源调度 小程序
微信小程序(二十五)微信小程序富文本编辑器editor上传图片
一般在做网站开发的时候,最开始使用的一般都是百度的ueditor,但是这个玩意好久不更新了,功能到时够用,就是UI以及其他的一些套件的视觉效果稍差。
85 0
|
6月前
|
缓存 BI Linux
《Linux操作系统编程》第九章 数据查找和筛选工具 : 了解流编辑器sed和报表生成器awk的简单使用
《Linux操作系统编程》第九章 数据查找和筛选工具 : 了解流编辑器sed和报表生成器awk的简单使用
52 0
|
6月前
|
数据库连接 测试技术 开发工具
猿创征文|工具百宝箱-编辑器-笔记工具-日常小工具-原型设计工具
猿创征文|工具百宝箱-编辑器-笔记工具-日常小工具-原型设计工具
|
7月前
UE中创建可脚本化编辑器工具(Scriptable Tools)
UE中创建可脚本化编辑器工具(Scriptable Tools)
149 0
UE中创建可脚本化编辑器工具(Scriptable Tools)
|
7月前
UE中创建异步任务编辑器工具(Editor Utility Tasks)
UE中创建异步任务编辑器工具(Editor Utility Tasks)
116 0
UE中创建异步任务编辑器工具(Editor Utility Tasks)
|
1月前
|
存储 Linux 编译器
vim编辑器和gcc/g++编辑器的使用讲解
vim编辑器和gcc/g++编辑器的使用讲解
53 2
|
1月前
|
Linux 编译器 开发工具
Linux:详解(yum的使用、vim编辑器命令集合以及gcc/g++编译器的使用)
Linux:详解(yum的使用、vim编辑器命令集合以及gcc/g++编译器的使用)
121 1