Interfețe Grafice (UI) cu Noduri Control în Godot 4: Containere și Ancore în GDScript (Godot Engine)

Ghid complet pentru construirea interfețelor de utilizator în Godot 4: nodurile Control, alinierea automată cu VBoxContainer și HBoxContainer, sistemul de ancore și stilizarea temelor.

Sintaxă
anchors_preset = Control.PRESET_FULL_RECT; $VBoxContainer.add_child(buton)

Toate elementele de interfață din Godot (butoane, bare de viață, etichete text, meniuri) moștenesc nodul de bază Control. Marele avantaj al motorului Godot este sistemul inteligent de rezoluție responsivă bazat pe Ancore (Anchors) și Containere automate.

Crearea unui meniu de pauză dinamic și centrat
extends CanvasLayer

@onready var container_butoane: VBoxContainer = $MarginContainer/VBoxContainer
@onready var eticheta_titlu: Label = $MarginContainer/VBoxContainer/TitluLabel

func _ready() -> void:
    # Conectarea semnalului 'pressed' al unui buton din interfață:
    $MarginContainer/VBoxContainer/BtnContinua.pressed.connect(_on_continua_pressed)
    $MarginContainer/VBoxContainer/BtnIesire.pressed.connect(_on_iesire_pressed)

func _on_continua_pressed() -> void:
    # Dezactivează pauza jocului și ascunde meniul:
    get_tree().paused = false
    visible = false

func _on_iesire_pressed() -> void:
    get_tree().quit()
Nod Container Descriere organizare elemente
VBoxContainer Aranjează automat toate nodurile copil într-o coloană verticală unică.
HBoxContainer Aranjează automat nodurile copil într-un rând orizontal.
GridContainer Organizează elementele într-o grilă tabelară cu număr fix de coloane (ideal pentru inventare).
MarginContainer Adaugă margini de spațiere interioară (padding) pe cele 4 laturi.
Comunitate & Schimb de cunoștințe

Întrebări & Exemple de Cod: Interfețe Grafice (UI) cu Noduri Control în Godot 4: Containere și Ancore

Ai o nelămurire despre utilizarea comenzii Interfețe Grafice (UI) cu Noduri Control în Godot 4: Containere și Ancore sau ai descoperit un truc / fragment de cod util? Distribuie-l cu ceilalți programatori!

💬

Fii primul care pune o întrebare sau distribuie un fragment de cod / prompt!

Nu au fost adăugate încă întrebări sau exemple de cod pentru această pagină. Dacă ai întâlnit o problemă sau ai un snippet util, adaugă-l mai jos pentru a-i ajuta pe ceilalți.

Comunitate Adaugă o întrebare sau distribuie un cod

Moderare & Siguranță:

Pentru a menține calitatea și securitatea informațiilor, fiecare întrebare sau fragment de cod/prompt este analizat (manual sau prin moderare asistată de AI) înainte de publicare.