(UE4 4.21 ) UE4给编辑器添加菜单栏(Menu)，工具栏(TooBar)，Tab窗口

最新推荐文章于 2024-01-04 23:19:51 发布
原创 最新推荐文章于 2024-01-04 23:19:51 发布 · 1.6w 阅读 · 41 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。

本文详细介绍了在UE4中如何自定义菜单和工具栏，包括使用TCommands、FUICommandInfo、FUICommandList注册菜单命令，利用FMenuBuilder、FMenuBarBuilder、FToolBarBuilder扩展菜单和工具栏，以及通过FExtend进行系统菜单栏的扩展。

前言

在UE4中存在大量的菜单栏和工具栏。如下面所示

          

本质上上面都是菜单栏和工具栏。

 

菜单(Menu)的扩展点(ExtendPoints)

在Edit->Editor Preferences->Miscellaneous->Display UI ExtendsionPoints勾选，开始显示引擎编辑器的UI扩展点功能

这些绿色的扩展点主要是用于菜单按钮和工具按钮的排序的，添加一个绿色的扩展点统管N个菜单按钮，如果你可以自定义自己的UI扩展点，并将自己的扩展点下的菜单按钮安插在某个扩展点之后。也就是UI扩展点是用于布局菜单栏和工具栏的顺序的。如果开发菜单和工具栏，最好在编辑器打开 “Display UI ExtendsionPoints” 这个辅助功能。

 

TCommands,FUICommandInfo,FUICommandList

本质上来说我们的菜单按钮和工具按钮其实也是一个按钮，点击菜单按钮执行的事件和“SButton的OnClick”可以看作是一样的。(PS: 看源码可以知道菜单按钮也是封装的SButton) 不过UE4为了别的目的，菜单按钮执行的事件绑定用了Commands命令绑定的方式。

FUICommandInfo

命令信息，用于绑定菜单执行的事件(Delegate)

 

TCommands

命令集合，用于声明各种FUICommandInfo和注册FUICommandInfo

class FTestMenuCommands : public TCommands<FTestMenuCommands>
{
public:

	FTestMenuCommands()
		: TCommands<FTestMenuCommands>(TEXT("TestMenu"), NSLOCTEXT("Contexts", "TestMenu", "TestMenu Plugin"), NAME_None, FTestMenuStyle::GetStyleSetName())
	{
	}

	// TCommands<> interface
	virtual void RegisterCommands() override;

public:
	TSharedPtr< FUICommandInfo > PluginAction;
	TSharedPtr< FUICommandInfo > TestAction;
};

在RegisterCommands函数中利用 UI_COMMAND进行命令的注册

void FTestMenuCommands::RegisterCommands()
{

	UI_COMMAND(PluginAction, "TestMenu", "Execute TestMenu action", EUserInterfaceActionType::Button, FInputGesture());
	UI_COMMAND(TestAction, "aaa", "Execute aaa", EUserInterfaceActionType::Button, FInputGesture());
}

其中的FInputGesture可以于键盘Key绑定,比如直接按住“Delete”键触发菜单按钮事件。

FInputGesture(EKeys::Delete)

在每个模块开始得手动注册命令

	FTestMenuCommands::Register();

FUICommandList

FUICommandList是命令队列，每个FUICommandInfo绑定委托都得通过FUICommandList的MapAction接口来

	//初始化FUICommandList
    TSharedPtr<class FUICommandList> PluginCommands;
	PluginCommands = MakeShareable(new FUICommandList);

    //绑定动作
    PluginCommands->MapAction(
	FTestMenuCommands::Get().PluginAction,
	FExecuteAction::CreateRaw(this, &FTestMenuModule::PluginButtonClicked),
	FCanExecuteAction());


void FTestMenuModule::TestClicked()
{
	FMessageDialog::Open(EAppMsgType::Ok, FText::FromString("1111111111111112222222"));
}

这里的FUICommandList的存在很多个重载的MapAction，不过都得由传入执行事件的委托变量FExecuteAction

/** Defines FExecuteAction delegate interface */
DECLARE_DELEGATE(FExecuteAction);
void FUICommandList::MapAction( const TSharedPtr< const FUICommandInfo > InUICommandInfo, FExecuteAction ExecuteAction, FCanExecuteAction CanExecuteAction, EUIActionRepeatMode RepeatMode )

像上面的话我们就为一个命令(FUICommandInfo)绑定了执行事件

 

FExtend扩展

扩展引擎编辑器的系统菜单栏，主要添加的控件由三种：FMenuBuilder， FMenuBarBuilder，FToolBarBuilder

并且都是FExtend来扩展，FExtend提供了AddMenuExtension来扩展Menu，AddMenuBarExtension扩展MenuBar， AddToolBarExtension扩展ToolBar.  FExtend最后都在FLevelEditorModule中管理

FLevelEditorModule& LevelEditorModule = FModuleManager::LoadModuleChecked<FLevelEditorModule>("LevelEditor");

 

FMenuBuilder

FMenuBarBuilder主要用于菜单的扩展

TSharedPtr<FExtender> MenuExtender = MakeShareable(new FExtender());
		MenuExtender->AddMenuExtension("WindowLayout", EExtensionHook::After, PluginCommands, FMenuExtensionDelegate::CreateRaw(this, &FTestMenuModule::AddMenuExtension));
	
		LevelEditorModule.GetMenuExtensibilityManager()->AddExtender(MenuExtender);

void FTestMenuModule::AddMenuExtension(FMenuBuilder& Builder)
{
	Builder.AddMenuEntry(FTestMenuCommands::Get().PluginAction);
	Builder.AddMenuEntry(FTestMenuCommands::Get().PluginAction);
	Builder.AddSubMenu(FText::FromString("MyTestLevel"), FText::FromString("MyTestLevel"), FNewMenuDelegate::CreateRaw(this, &FTestMenuModule::AddMenuSubMenu), false);
}

void FTestMenuModule::AddMenuSubMenu(FMenuBuilder& Builder)
{
	Builder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	Builder.AddMenuSeparator();
	Builder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	Builder.AddSearchWidget();
	Builder.AddWrapperSubMenu(FText::FromString("Test"), FText::FromString("MyTest"), FOnGetContent::CreateRaw(this, &FTestMenuModule::GetWapperSubMenuContent), FSlateIcon());
	
}

（1）

AddMenuExtension( FName ExtensionHook, EExtensionHook::Position HookPosition, const TSharedPtr< FUICommandList >& CommandList, const FMenuExtensionDelegate& MenuExtensionDelegate )

ExtensionHook就是上面图中的绿色显示的UI扩展点，用于定位我们添加的菜单控件的位置是相对于哪个扩展点，相对位置指定：

​
/** Where in relation to an extension hook should you apply your extension */
namespace EExtensionHook
{
	enum Position
	{
		/** Inserts the extension before the element or section. */
		Before,
		/** Inserts the extension after the element or section. */
		After,
		/** Sections only. Inserts the extension at the beginning of the section. */
		First,
	};
}

​

(2)这里BeginSection和EndSection是自定义UI扩展点的范围.

(3)在FMenuExtensionDelegate中可以继续扩展新的菜单，可以看作是嵌套。FMenuBuilder提供了AddMenuEntry(菜单项)和AddSubMenu(添加子菜单)可以继续嵌套式扩展菜单栏。

效果:

FMenuBarBuilder

FMenuBarBuilder主要用于主菜单的扩展

 

在这主菜单添加新的菜单，

TSharedPtr<FExtender> MenuBarExtend = MakeShareable(new FExtender());
		MenuBarExtend->AddMenuBarExtension("Help", EExtensionHook::After, PluginCommands, FMenuBarExtensionDelegate::CreateRaw(this, &FTestMenuModule::AdddMenuBarExtend));

LevelEditorModule.GetMenuExtensibilityManager()->AddExtender(MenuBarExtend);

void FTestMenuModule::AdddMenuBarExtend(FMenuBarBuilder& Builder)
{
	Builder.AddPullDownMenu(FText::FromString("Test"), FText::FromString("MyTest"), FNewMenuDelegate::CreateRaw(this, &FTestMenuModule::AddPullDownMenu));
}
AddMenuBarExtension( FName ExtensionHook, EExtensionHook::Position HookPosition, const TSharedPtr< FUICommandList >& CommandList, const FMenuBarExtensionDelegate& MenuBarExtensionDelegate

后面添加的菜单可以继续通过绑定的委托FMenuBarExtensionDelegate扩展, 如果你希望继续扩展这个菜单栏，就继续在委托里继续利用FMenuBarBuilder的AdddMenuBarExtend等接口往下嵌套

void FTestMenuModule::AdddMenuBarExtend(FMenuBarBuilder& Builder)
{
	Builder.AddPullDownMenu(FText::FromString("Test"), FText::FromString("MyTest"), FNewMenuDelegate::CreateRaw(this, &FTestMenuModule::AddPullDownMenu));
}

void FTestMenuModule::AddPullDownMenu(FMenuBuilder& Builder)
{
	Builder.BeginSection(FName("TestEditor"));
	Builder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	Builder.EndSection();
}

 

效果:

 

FToolBarBuilder

FToolBarBuilder扩展工具栏

和前面差不多

	TSharedPtr<FExtender> ToolbarExtender = MakeShareable(new FExtender);
		ToolbarExtender->AddToolBarExtension("Settings", EExtensionHook::After, PluginCommands, FToolBarExtensionDelegate::CreateRaw(this, &FTestMenuModule::AddToolbarExtension));
		
		LevelEditorModule.GetToolBarExtensibilityManager()->AddExtender(ToolbarExtender);


void FTestMenuModule::AddToolbarExtension(FToolBarBuilder& Builder)
{
	Builder.AddToolBarButton(FTestMenuCommands::Get().PluginAction);
	Builder.AddToolBarButton(FTestMenuCommands::Get().PluginAction);
	Builder.AddComboButton(FUIAction(), FOnGetContent::CreateRaw(this, &FTestMenuModule::GetComboConent), FText::FromString("aaaadd"));
}

 

(1)AddToolBarButton添加工具按钮

(2)AddComboButton添加下拉连续按钮，可以通过FOnGetContent委托任意填充下拉按钮内容，只要是Sidget就行。

不过经常是填充FMenuBuilder建立的内容，像UE4的地形编辑器的各种ToolMode就是这样构造。


TSharedRef<SWidget> FTestMenuModule::GetComboConent()
{
	FMenuBuilder MenuBuilder(true, PluginCommands);
	
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	return MenuBuilder.MakeWidget();
}
DECLARE_DELEGATE_RetVal(
	/** return a widget */
	TSharedRef<SWidget>,
	FOnGetContent
)

AddComboButton( const FUIAction& InAction, const FOnGetContent& InMenuContentGenerator, const TAttribute<FText>& InLabelOverride, const TAttribute<FText>& InToolTipOverride, const TAttribute<FSlateIcon>& InIconOverride, bool bInSimpleComboBox, FName InTutorialHighlightName )

效果：

FMenuBuilder， FMenuBarBuilder，FToolBarBuilder公共接口

其实FMenuBuilder， FMenuBarBuilder，FToolBarBuilder都是继承于FMultiBoxBuilder，部分公用接口挺有用的

MakeWidget转为SCompoundWidget

我们可以单独的建立菜单栏和工具栏，用MakeWidget转为Swidget对象，然后我们的菜单栏和工具栏就可以在Slate中的进行嵌套了，在UE4编辑器开发中经常会见到这样的开发技巧，如

    FMenuBuilder MenuBuilder(true, PluginCommands);
	
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);
	MenuBuilder.AddMenuEntry(FTestMenuCommands::Get().TestAction);


	SNew(SHorizontalBox)

	+ SHorizontalBox::Slot()
	[
		MenuBuilder.MakeWidget()
	]

Tab窗口

xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx

 

参考资料

[1]. UE4地形编辑器源码：SLandscapeEditor.h， LandscapeEditorDetails.cpp，SLandscapeEditor.cpp

[2].https://docs.unrealengine.com/zh-CN/Programming/Slate/Overview/index.html

 

 

【UE4】编辑器开发（六）自定义预览视口
胡嘿嘿
07-10 8843
文章目录 第三章第5节 3分38秒 FEditorViewportClient -FPreviewScene SEditorViewport 创建两个类，分别继承FEditorViewportClient和SEditorViewport FEditorViewportClient子类 public: FCustAssetViewportClient(FPreviewScene& InPr...
使用ue4 python api添加自定义menu
CGpipelineTD
06-10 1081
使用ue4 python api添加自定义menu 欢迎使用Markdown编辑器 你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。 新的改变 我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客： 全新的界面设计 ，将会带来全新的写作体验； 在创作中心设置你喜爱的代码高亮样式，Markdown
UE4自定义资源和编辑器（五）：添加操作节点的通用命令
ZhangjieZzJ的博客
03-24 2443
编辑器图表添加通用命令 在之前创建的编辑器中，复制、粘贴、删除节点的操作无法完成，翻看蓝图编辑器和行为树编辑器，发现需要给编辑器添加FUICommandList类用于管理通用命令。 为了方便，直接令我们的状态机编辑器继承一个FAIGraphEditor，该类封装了对节点操作的常用命令。 StateMachineEditor.h class STATEMACHINEEDITOR_API FStateMachineEditor : public FWorkflowCentricApplication, pu
【虚幻引擎】UE4 Slate菜单栏(menubar)工具栏(ToolBar)命令集合(TCommands)
qq_43021038的博客
03-13 2767
UE4 Slate创建菜单栏，工具栏
UE4 4.21-4.27使用编辑器蓝图EditorBlueprint方法
Deveuper的博客
01-04 2743
在UE4 4.21中，编辑器蓝图（Editor Blueprint）是一个强大的工具，允许开发者扩展和自定义Unreal编辑器的功能。通过编辑器蓝图，我们可以创建自定义的工具和功能，以优化开发流程。本教程将指导您如何在UE4 4.21中使用编辑器蓝图。
UE4 4.21 仅用C++开发的第三人称LowPoly风格的滚动小球闯关游戏.zip
最新发布
09-09
此外，UE4提供的材质编辑器和光照系统使得游戏的视觉效果更加逼真和美观，即便是在LowPoly风格下，也能表现出独特的艺术魅力。 在这款游戏中，开发者可能会运用到一些特定的编程技巧和设计模式，例如使用单例模式...
旧版 Bridge软件，支持一键导入UE4旧版4.20/4.21/4.22/4.23/4.24/4.25
08-15
1. 一键转换格式 - 支持将Megascan网站下载的3D资产包一键转换为Maya、3ds Max、Blender、UE4/UE5、Unit等软件支持的通用格式。 2. 优化网格和材质 - 可以对3D模型进行网格优化,减少多余面数;同时支持优化材质贴图...
[UE4资源] Surface Trails (with Snow Deformation example) 4.21 雪地变形轨迹
04-08
通过对角色应用特殊标记，角色被标记为跟踪接收器。 系统可用于各种情况下(比如水的痕迹，草皱，任何其他表面VFX)通过拖动一个材质功能到场景。 雪景观实例包括基于摄影测量的雪下出现的污垢物质。
关于ue4 4.21 arcore工程无法打包以及打包到android上崩溃的问题
qq_29870721的博客
04-19 2069
关于ue4 4.21 arcore工程无法打包以及打包到android上崩溃的问题打包流程打包不成功与崩溃问题 由于项目资源使用的是4.21版本，想直接使用这些资源开发ar，遇到了打包不成功以及崩溃的问题，目前解决了，把解决过程在此写下来，希望给遇到同样问题的人一些帮助。 打包流程 首先，打开引擎的androidworks工具目录，\UE_4.21\Engine\Extras\AndroidWor...
UE4动态加载模型支持FBX/OBJ等等，使用assimp库 UI使用蓝图开发，功能使用C++开发
09-30
UE4动态加载模型支持FBX/OBJ等等，使用assimp库。UI使用蓝图开发，功能使用C++开发 目前实现功能： 动态加载模型 射线选取，高亮 碰撞检测 动态生成菜单 自定义插件 右键弹出菜单 工程使用UE4.21.1版本 如果第一步...
ue4 自定义editor ui
01-29
扩展ue4的module 实现一些基础的editor ui 包括自定义的资源类型 窗口 工具栏按钮等
UE4-（蓝图）第二十四课UI主菜单（UI主菜单功能、镜头过渡，控制权切换）
热门推荐
Stone的博客
07-09 1万+
一、创建控件蓝图 1.文件夹空白地方右键创建UserInterface/控件蓝图，重命名为UI_Test。 二、编辑控件蓝图中的UI界面（注意层级关系） 1.双击打开控件蓝图，设置控件屏幕大小，在右上角的Screen Size 选择电视/1080p。 2.创建垂直控件，用来布局菜单按钮，放置位置为panel左下角，调整锚点。 锚点作用：Vertical Box 距离Canvas...
UE4编辑器开发-菜单扩展
qq_40947718的博客
04-09 1935
菜单扩展主要分为几个步骤 创建新插件（编辑器工具栏 在插件模块的StartModule里添加菜单拓展 通过Extender类添加对应的扩展代理 下面来一步一步讲解步骤 1.略过 2.代码如下 共有三种类型的Extender，分别对应菜单栏的不同位置， Add****Extension第一个参数是对应新的扩展在哪个菜单项附近，第二个参数是插入位置，第三个参数是插件命令，填写本插件的命令即可，第四个参数是代理 这三个代理是说会调用我们的插件去添加新的菜单项。 3.我们添加菜单项的逻辑就
UE4编辑器ToolBar扩展
hui211314ddhui的专栏
02-26 4770
问题描述: Sequencer工具栏上后增加定制按钮，如图所示:红框按钮后新增定制按钮。寻找解决办法:商城上有一个插件是Substance Source，安装上之后可以看到如下界面:跟我们的需求一致，那么就看下它是如何实现的。virtual void StartupModule() override { ... //Creates the button above the scene ...
【UE4】编辑器开发（一）关卡编辑器拓展
胡嘿嘿
04-12 5077
文章目录一、菜单栏或工具栏中创建子项二、菜单栏拓展项创建下拉菜单三、菜单拓展项1. 创建分隔栏2. 创建分割线3. 创建子下拉菜单4. 添加其它拓展项自定义UI输入框四、工具栏拓展项 一、菜单栏或工具栏中创建子项 在StartModule中创建拓展项： //加载LevelEditor模块，LevelEditor模块负责的就是打开UE4编辑器首先映入眼帘的各个编辑窗口。其中包括菜单栏、工具栏、视窗、...
【虚幻引擎】UE4 FTabmanager实现多窗口
qq_43021038的博客
03-10 2758
UE4/UE5 FTabManaget实现多窗口
用Ultraedit编写Java程序（UE工具栏的配置）
无与伦比BLOG
12-31 4968
 首先要确定系统的环境变量里面的java环境是否已经添加好并能运行。 我的java环境变量设置如下： JAVA_HOME ＝ c:\j2sdk1.4.1_03 PATH = c:\j2sdk1.4.1_03\bin CLASSPATH ＝C:\j2sdk1.4.1_03\lib\tools.jar;C:\j2sdk1.4.1_03\lib\dt.jar;. 注意在CLA
百度编辑器（UEditor）自定义工具栏
JiYF大男孩
03-04 9965
百度编辑器（UEditor）自定义工具栏的自定义 百度编辑器默认功能比较齐全，但是不一定是我们所需要的，有的功能可以去掉，用自己想要的就可以了，可以参考百度官方文档！ 百度编辑器默认配置展示界面 如何自定义工具栏： 方法一：在实例化编辑器的时候红色文字部分便是你所需要的 var editor = UE.getEditor('container',{
如何实施度量项目
fancq的博客
05-23 349
本文说明在使用功能点分析方法的好处，我们确定了在组织内部使用功能点分析 来更好地管理和控制软件生产过程的方法。许多度量标准都有助于管理决策，这些决 策会对组织的财务底线产生直接影响，或有助于确保组织履行合同义务。因此，最重 要的是准确且可重复地执行功能点度量，以便优化结果正确解释和应用
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值