Up to date

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

Benutzeroberfläche (UI)

In diesem Abschnitt des Tutorials erklären wir die Grundlagen der Erstellung einer grafischen Benutzeroberfläche (GUI) in Godot.

UI-Bausteine

Wie alles andere in Godot wird auch die Benutzeroberfläche mit Hilfe von Nodes aufgebaut, insbesondere mit Control-Nodes. Es gibt viele verschiedene Arten von Controls, die für die Erstellung bestimmter Arten von GUIs nützlich sind. Der Einfachheit halber können wir sie in zwei Gruppen unterteilen: Inhalt und Layout.

Typische Inhalts-Controls sind:

• Buttons

• Labels

• LineEdits und TextEdits

Typische Layout-Controls umfassen:

• BoxContainers

• MarginContainers

• ScrollContainers

• TabContainers

• Popups

Auf den folgenden Seiten werden die Grundlagen der Verwendung solcher Controls erläutert.

• Größe und Anker
• Verwendung von Containern
• Benutzerdefinierte GUI-Controls
• Tastatur/Controller-Navigation und Fokus
• Galerie der Control-Nodes

GUI Skinning und Themes

Godot verfügt über ein umfassendes Skinning und Theme-System für Control-Nodes. Die Seiten in diesem Abschnitt erklären die Vorteile dieses Systems und wie Sie es in Ihren Projekten einrichten können.

• Einführung in GUI-Skinning
• Verwendung des Theme-Editors
• Theme-Typ-Variationen
• Verwenden von Schriftarten

Control-Node-Tutorials

Die folgenden Artikel befassen sich mit spezifischen Details zur Verwendung bestimmter Control-Nodes.

• BBCode in RichTextLabel