Nodi Control

L’interfaccia utente (UI) in Godot è costruita con nodi che ereditano da Control. Questi nodi hanno rettangoli di delimitazione e ancore invece di posizioni semplici.

• Label: Testo.
• Button / TextureButton: Pulsanti cliccabili.
• TextureRect: Immagini UI (non sprite).
• VBoxContainer / HBoxContainer: Organizzano i figli in colonna o riga automaticamente.

Ancore (Anchors)

Le ancore definiscono come un elemento si ridimensiona o si sposta quando il genitore cambia dimensione (es. ridimensionamento finestra). L’opzione “Full Rect” nelle impostazioni Layout fa sì che il controllo riempia tutto lo spazio disponibile.

Temi (Resources)

Invece di stilizzare ogni singolo bottone (colore, font, bordo), puoi creare un Theme.

1. Nel pannello Inspector di un nodo Control, vai su Theme.
2. Crea un New Theme.
3. Clicca sul tema per aprire l’editor dei temi in basso.
4. Puoi definire stili per “Button”, “Label”, ecc.
5. Salva il tema come file .tres (es. main_theme.tres).
6. Applica questo file al nodo radice della tua UI. Tutti i figli erediteranno lo stile!

```gdscript

Caricare un tema da codice

var theme = load(“res://ui/main_theme.tres”) $Button.theme = theme ```