Master UI

Widget Tutorial System Documentation


The widget system

Master UI introduces a user-friendly widget system, empowering you to effortlessly create customized widgets for your game. The simplicity of the widget system is evident as you explore the demo, where it has already been seamlessly integrated. Within this document, we will provide an overview of all available widgets and detail the methods at your disposal for crafting your own personalized widget.

Available Widgets

Buttons

WBP_Master_ButtonImg

Img1

Variables

NameTypeDescription
Left click mouse can interactBooleanUsed for the gamepad
Clear Virtual Controller AfterActionBooleanUsed for the gamepad
Dark VersionBooleanDark version of the button

Methods

NameDescription
API_SetValueSet the text of the button

Event Callbacks

Event NameDescription
OnButtonClickedCalled when the button is clicked

WBP_Master_ButtonText

Img2

Variables

NameTypeDescription
ButtonTextTextText of the button
Left click mouse can interactBooleanUsed for the gamepad
Clear Virtual Controller AfterActionBooleanUsed for the gamepad
UseAnimationBooleanUse animation when the button is hover

Methods

NameDescription
API_SetValueSet the text of the button

Event Callbacks

Event NameDescription
OnButtonClickedCalled when the button is clicked

WBP_Master_ButtonTextWithIcon

Img3

Variables

NameTypeDescription
ButtonTextTextText of the button
ButtonIconTexture2DIcon of the button
ButtonColorLiner ColorColor of the button
Left click mouse can interactBooleanUsed for the gamepad
Clear Virtual Controller AfterActionBooleanUsed for the gamepad
UseHoverAnimationBooleanUse animation when the button is hover

Methods

NameDescription
API_SetValueSet the text of the button

Event Callbacks

Event NameDescription
OnButtonClickedCalled when the button is clicked

Icons

WBP_Master_IconBoxDisplay

Img4

Variables

NameTypeDescription
IconVaraibleTexture2DIcon of the button
HideIconBorderBooleanHide the border of the icon

Methods

NameDescription
API_SetValueSet the icon of the button

Inputs

WBP_ExpandableArea

You can use this widget to create a expandable area, you can use this widget to create a settings menu for example.

Img5

Methods

NameDescription
API_PlayAniamtionStart the flashing animation
API_StopAnimationStop the flashing animation

WBP_Master_InputText

Img6

Variables

NameTypeDescription
DisableValidationMessageBooleanDisable the validation message

Methods

NameDescription
API_DIsplayValidationErrorDisplay the validation error

Event Callbacks

Event NameDescription
OnTextChangeCalled when the text change

WBP_Master_ComboBox

Img7

Variables

NameTypeDescription
DisableValidationMessageBooleanDisable the validation message

Methods

NameDescription
API_DIsplayValidationErrorDisplay the validation error

Event Callbacks

Event NameDescription
OnSelectionChangeCalled when the selection change

List

WBP_Master_ComplexList

Img8

Variables

NameTypeDescription
OnMouseHoverBooleanCalled when the mouse is hover

Methods

NameDescription
API_SetSlot01Set the slot 01
API_SetSlot02Set the slot 02

Event Callbacks

Event NameDescription
OnButtonClickedCalled when the button is clicked

WBP_Master_SimpleList

Img9

Variables

NameTypeDescription
MouseHoverBooleanCalled when the mouse is hover

Methods

NameDescription
API_SetSlot01Set the slot 01

Event Callbacks

Event NameDescription
OnButtonClickedCalled when the button is clicked

Notifications

WBP_LogMessage

img10

Variables

NameTypeDescription
MessageTextMessage of the notification
TextColorColorColor of the text
DestoryTimeFloatTime before the notification is destroyed
OverhideIconTexture2DIcon of the notification

ProgressBar

WBP_Master_Circular

Img11

Variables

NameTypeDescription
BarColorColorColor of the bar

Methods

NameDescription
API_SetPercentageSet the percentage of the bar
API_ChangeBarColorChange the color of the bar

Event Callbacks

Event NameDescription
ProgressFinishCalled when the progress finish

WBP_Master_ProgressBar

img12

Variables

NameTypeDescription
CooldownTimerFloatTime before the cooldown is finish
ProgressBarImgTexture2DImage of the progress bar
ToogleBarTextDisplayBooleanDisplay the text of the progress bar
UseTimerBooleanUse the timer
BarColorColorColor of the bar

Methods

NameDescription
StartTimerStart the timer
ProgressEndCalled when the progress finish
API_toogleBarTextDisplayToogle the text display
API_toogleTimerUsageToogle the timer usage
API_ChangeBarColorChange the color of the bar

Event Callbacks

Event NameDescription
ProgressFinishCalled when the progress finish

Slots

WBP_BaseItemSlot

Img13

Variables

NameTypeDescription
ShowQtyIf true the quantity box will be shown
ShowIndexIf true the index box will be shown
ShowSelectedIf true the slot selected will be shown
ShowIconIf true the icon will be shown
UseDefaultIconOnStartIf true the default icon will be used on start
ShowIconBorderIf true the icon border will be shown
UseIconOverlayIf true the icon overlay will be shown

Methods

NameDescription
API_ToogleQtyBoxToogle the quantity box
API_ToogleIndexBoxToogle the index box
API_ToogleSlotSelectedToogle the slot selected
API_ToogleIconToogle the icon
API_ToogleIconBorderToogle the icon border
API_ToogleIconOverlayToogle the icon overlay
API_ChangeQtyValueChange the quantity value
API_ChangeIndexValueChange the index value
API_ChangeIconChange the icon
API_ChangeBorderChange the border
API_ChangeOverloadIconChange the overload icon
API_StartCooldownStart the cooldown
API_ClearCooldownClear the cooldown

Event Callbacks

Event NameDescription
CooldownStartCalled when the cooldown start
CooldownFinishCalled when the cooldown finish

Spinner

WBP_Spinner

Img14

Methods

NameDescription
API_SetValueSet the value of the spinner

Stats

WBP_DefaulPlayerStats

Img15

Variables

NameTypeDescription
MaxStatsFloatMax stats of the bar
TargetStatsValueFloatTarget stats value of the bar
CurrentValueFloatCurrent value of the bar
WIthOverhideFloatWith overhide of the bar
HeightOverhideFloatHeight overhide of the bar
OverhideSizeBooleanOverhide size of the bar

Methods

NameDescription
API_UpdateStatsUpdate the stats of the bar
SnapBarValueStill will be use internally to update and set the bar value
StartSmoothBarThis method will be use internally to start the smooth bar animation
StopSmoothBarThis method will be use internally to stop the smooth bar animation

Event Callbacks

Event NameDescription
ProgressFinishCalled when the progress finish

WBP_DefaulPlayerStatsCircular

Img16

Variables

NameTypeDescription
MaxStatsFloatMax stats of the bar
TargetStatsValueFloatTarget stats value of the bar
CurrentValueFloatCurrent value of the bar
WIthOverhideFloatWith overhide of the bar
HeightOverhideFloatHeight overhide of the bar
OverhideSizeBooleanOverhide size of the bar

Methods

NameDescription
API_UpdateStatsUpdate the stats of the bar
SnapBarValueStill will be use internally to update and set the bar value
StartSmoothBarThis method will be use internally to start the smooth bar animation
StopSmoothBarThis method will be use internally to stop the smooth bar animation

Event Callbacks

Event NameDescription
ProgressFinishCalled when the progress finish

Title

WBP_AnimatedNumberText

Img17

Variables

NameTypeDescription
ColorColorColor of the text
StartBarSmoothBooleanStart the bar smooth

Methods

NameDescription
API_ChangeValueChange the value of the text

Event Callbacks

Event NameDescription
ProgressFinishCalled when the progress finish

WBP_Master_Title

Img18

Variables

NameTypeDescription
TitleTextTextText of the title
TitleColorColorColor of the title
UseTitleBorderFloatSize of the title

Methods

NameDescription
API_SetValueSet the value of the title

WBP_Master_TitleWithIcon

Img19

Variables

NameTypeDescription
TitleTextTextText of the title
TitleColorColorColor of the title
UseTitleBorderFloatSize of the title

Methods

NameDescription
API_SetValueSet the value of the title

For more widgets check the assets