Widget Menu setting:


Image:
ZOrder, set -1 to make the image underneath
image.png
If the image is anchor as centre,
Put all button also anchor at centre, or else when it plays, the button will be off
image.png

Button:
Focus on Style: Normal, Hovered, Press
To be sure the imported image is exactly the same, set Tint to white (RGB: 1,1,1), and Draw as Image
image.png
Event graph:
image.png


Basic Health Bar Setup:


create Widget EB_HUD with progress bar: create binding in precent
Create health variable in 3rd person BP, and add widget
image.png
In WB HUD, set below
image.png
If wanna add text instead of just progress bar to show health value,
Create binding in Content → Text
image.png
image.png


Self experiment:

BP for splash screen page:

Play media → Show widget animation → open main menu map

image.png

In main menu BP:
image.png
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.