How the menu works?

Common UI

The Advanced Menu System leverages Common UI to deliver a robust and flexible multi-layered user interface, enhancing both the development process and the end-user experience.

Here are the key reasons for this choice:

• Unified Design Framework
• Modular Architecture
• Enhanced Flexibility
• Seamless Integration
• Performance Optimization
• Scalability

Menu Screen Widget (Container)

UMenuScreenWidget is a widget class which has a container inside. It is used for switching screens. For Example: Intro -> Menu -> Loading Screen.

Widget schema

Parametrs

Name	Description
bool bHasIntro	Whether or not widget has intro on spawn.
TSubclassOf<UCommonActivatableWidget> IntroWidget	Intro widget.
TSubclassOf<UCommonActivatableWidget> MainMenuWidget	Menu Widget.

Warning

If widgets are specified they will open on widget spawn.

Blueprint Functions

Name	Description
OpenWidget	Dispalys the widget.

Menu Base Widget

UMenuBaseWidget is a fundamental menu class. Which is heart of the interface communication.

Widget schema

• Layer 1
  
• Layer 2
  

Tabs

TabActivatableWidget is a Tab container which is optional. Tab mode can be turned on by setting bOpenTabFullScreen to false.

Dialog Window

WindowActivatableWidget is a container for dialogs such as quit game etc.

Demo Example

• Pause Menu Example
  
• Menu Tab Example
  
• Dialog Window Example
  

Parametrs

Name	Description
bool bOpenTabFullScreen	Open Widgets in fullscreen
bool bHasStartButton	Optional start button
EOpenWidgetTypes DoOnStartType	Do on start (Open Widget or custom event only)
bool bHasSettings	Optional settings button
EOpenWidgetTypes DoOnSettingsType	Do on settings (Open Widget or custom event only)
bool bHasQuitGame	Optional Quit game button
EOpenWidgetTypes DoOnQuitGameType	Do on quit (Open dialog window or custom event only)
TSubclassOf<UCommonActivatableWidget> StartWidget	Start widget class
TSubclassOf<UCommonActivatableWidget> SettingsWidget	Settings widget class
TSubclassOf<UCommonActivatableWidget> QuitGameWidget	Quit game widget class

Blueprint Functions

Name	Description
OpenWidget	Dispalys the widget.
ShowDialogWindow	Opens dialog window
RemoveDialogWindow	Clears the dialog window

Settings Widget

UMenuSettingsWidget is a fundamental settings class.

Widget schema

• Layer 1
  
• Layer 2
  

Settings tabs

SettingsActivatableWidget is a Tab container for settings(Vide/Graphics/Audio/Controls).

Parametrs

Name	Description
TSubclassOf<UCommonActivatableWidget> MainMenuWidget	Menu widget class
TSubclassOf<UCommonActivatableWidget> VideoSettingsWidget	Video settings widget class
TSubclassOf<UCommonActivatableWidget> GraphicsSettingsWidget	Graphics settings widget class
TSubclassOf<UCommonActivatableWidget> AudioSettingsWidget	Audio settings widget class
TSubclassOf<UCommonActivatableWidget> ControlsSettingsWidget	Controls settings widget class
TSubclassOf<UCommonActivatableWidget> WindowSaveWidget	Save changes widget class

Settings Parametrs

Basics

Each setting tab has parametrs.The basic are instant apply and save class. Save class is used for saving the setting and for the defaults.

Settings Examples

Different Parametrs Classes

• Switcher - USwitchWidget
• Slider - USliderWidget
• ComboBox - UComboBoxWidget
• Key Binding - UKeyBindingWidget

Demo Example

• Video Example
  
• Graphics Example
  
• Audio Example
  
• Controls Example
  

Dialog Window

UQuestionWindowBaseWidget is a class for dialog windows.

Parametrs

Name	Description
FText MessageText	Text
FColor MessageTextColor	Color
FSlateFontInfo MessageTextFont	Font

Events

• On Yes Clicked
• On Yes Pressed
• On Yes Released
• On Yes Hovered
• On Yes UnHovered
• On No Clicked
• On No Pressed
• On No Released
• On No Hovered
• On No Unhovered

• Quit Game
  

Previous	Next
Start Guide