Up to date

This page is up to date for Godot 4.3. If you still find outdated information, please open an issue.

User interface (UI)

In this section of the tutorial we explain the basics of creating a graphical user interface (GUI) in Godot.

Blocs de construction d'interface utilisateur

Like everything else in Godot the user interface is built using nodes, specifically Control nodes. There are many different types of controls which are useful for creating specific types of GUIs. For simplicity we can separate them into two groups: content and layout.

Les contrôles de contenu typiques comprennent :

• Boutons

• Labels

• LineEdits et TextEdits

Les contrôles de mise en page typiques comprennent :

• BoxContainers

• Conteneurs de marge

• ScrollContainers

• Conteneurs d'onglet

• Fenêtres contextuelles

The following pages explain the basics of using such controls.

• Taille et ancrages
• Utilisation de Containers
• Controls GUI personnalisés
• Navigation et Focus au clavier/manette
• Galerie des nœuds de contrôle

Habillage et thèmes de l'interface graphique

Godot dispose d'un système d'habillage/thémisation approfondi pour les nœuds Control. Les pages de cette section expliquent les avantages de ce système et comment le mettre en place dans vos projets.

• Introduction à l'habillage des interfaces graphiques
• Utilisation de l'éditeur de thème
• Theme type variations
• Using Fonts

Tutoriels de nœud Control

Les articles suivants couvrent les détails spécifiques de l'utilisation de nœuds Control particuliers.

• BBCode dans RichTextLabel