Folivora this is a feature of ALL Control
nodes. Control nodes are any node that is inherited from control. you can recognize them because they have green icons.
ALL elements in an UI should be Control
s. I've seen people mixing sprite2Ds with controls and placing elements by hand, that is a sure way of running into problems when the resolution is changed.
for the title you show, I would have a VBoxContainer
and add 3 MarginContainer
children to change size or just normal Control
s, anything to add the space around the buttons.
the buttons would then be children of the MarginContainer
s/Control
s.
VBoxContainer
|
| -> MarginContainer
| |-> Button (XIPHOS)
| -> MarginContainer
| |-> Button (PLAY)
| -> MarginContainer
| |-> Button (EXIT)
and then a theme to adjust the margin container borders, one for play/exit and a variant for xiphos
with controls it would look like this:
VBoxContainer
|
| -> Control
| |-> Button (XIPHOS)
| -> Control
| |-> Button (PLAY)
| -> Control
| |-> Button (EXIT)
and in each Control you have to set a minimum size, and then set a minimum size for the buttons and center them. this method does not require a theme but I can't guarantee that it will work completely.
there is also the expand
tag in Control that would make the Control's automatically expand to even sizes inside the Container, but all this needs some testing and tweaking.
there are probably many other ways to do it, the UI system in godot is very powerful, but you need to learn how to use it. I would go and watch a tutorial on the godot UI.