Download

Resizable GUI's in game

Hi, I want to create a window that is re-sizable. I can’t find any support for it in the engine.

Am I going to have to hack my way around to create a re-sizable GUI? Or am I missing something that might be designed specifically for this?

Hi MuzzyA,

Look into the UMG system. This should definitely be viable, but we don’t have any documentation on resizable windows at present. If you would like more information on UMG, however, check these out:

We also have several tutorials for UMG on the wiki. Though they aren’t directly related to what you want to do, perhaps you could find some information that would be useful to you:

https://wiki.unrealengine.com/Unreal_Motion_Graphics_(UMG)UI-_Inventory_Tutorial_Playlist

I look forward to seeing what you come up with in the future!

I found a way to do it. It wasn’t too bad.

Here is how:

OnMouseDown will detect if the left mouse was pressed, if the cursor is on the the border, then sets the window to have mouse capture if those are true.

onmousedown.png

OnMouseMove will determine if there is mouse capture, then process the resizing of the window depending on which border you clicked. ( Also removes the viewport scale from the mouse cursor so there are no offsets in different resolutions. )

onmousemove.png

OnMouseUp simply removes mouse capture

4cba7790fb0e4b81dfbc7d7027aa3d79ecc0ace9.png

Hey MuzzyA,

I was trying to do something similar for a project on mine and was stuck until I stumbled at your post…
Unfortunately I have a small problem trying to figure out what exactly you are doing in the first image…
I cannot figure out where to find any “Is Mouse On …” nodes to use, the ones you connect to your branches. (There are no nodes popping up with similar names when I am dragging geometry or mouse events, neither when searching generally out of context). Could you give me a hint on that? Do those nodes still exist on 4.9? Did you find another way to do it maybe?

Thanks a lot