Godot Ui Containers

Never Do

• Never manually position children that live under a container and expect that position to stick.
• Never forget the relevant size flags on expanding controls.
• Never use GridContainer without explicitly setting its column strategy.
• Never stack containers so deeply that the layout becomes opaque and expensive.
• Never rely on default spacing if the screen clearly needs controlled separation.
• Never use ScrollContainer without a bounded child layout.

Basic VBox Example

$VBoxContainer.add_theme_constant_override("separation", 10)

Responsive Layout Pattern

func _ready() -> void:
    $MarginContainer.set_anchors_preset(Control.PRESET_FULL_RECT)
    $MarginContainer.add_theme_constant_override("margin_left", 20)
    $MarginContainer.add_theme_constant_override("margin_right", 20)

Size Flags

button.size_flags_horizontal = Control.SIZE_EXPAND_FILL
button.size_flags_vertical = Control.SIZE_SHRINK_CENTER

Practical Guidance

• Use VBoxContainer and HBoxContainer for linear groups.
• Use GridContainer for inventories and tiled option sets.
• Use MarginContainer to create outer breathing room.
• Use ScrollContainer when the content should stay bounded while overflowing.

Reference

• Godot Docs: GUI Containers

Related

• godot-task
• godot-master