[Resolved] HUD changes size weirdly

Hey,

My current HUD looks like this:

Which is nice and all
JktyQvA.png

Until I resize my window to fullscreen:

What can I do about this?

Thanks in advance,
Thana

UMG Widget dynamically resize interface elements based on the Screen Resolution to avoid having to code such a behavior by ourselves. It’s good but sometimes it’s hard to wrap our head around it. Hopefully, Unreal provides tons of useful levers to control this behavior.

Your case is an easy one: you want to make proper use of “Anchors” and “Sizebox” or simply the “Size” of your interface elements.

Anchors determine where is the object’s pivot point on the interface so that Unreal can resize him and move him on the screen relatively to his pivot. In your case, I’d say your two bars should be anchored in the middle/bottom of your screen and given an alignment to move them up (alignment is basically an offset based on the size of the item you’re offsetting).

I would also move each bar inside a widget element called “Size Box” and give the Size Box the fixed size I want (one Sizebox per bar).

I’ve been putting my widgets in a canvas depending on what they’re for, I’ll make size boxes their parents then. I’ve been trying to use Anchors as well however.

Should that be fine? What else would I have to modify? Position X/Y and Size X/Y are all modified
Thanks a lot

EDIT: Size boxes have solved it all, along with anchoring them. Thanks a lot for your help once again!