Godot Community DE

Diese Seite ist nicht editierbar. Du kannst den Quelltext sehen, jedoch nicht verändern. Kontaktiere den Administrator, wenn du glaubst, dass hier ein Fehler vorliegt.
====== Theme ======

das Aussehen (Design) aller Control-Nodes (GUI - graphical user interface) wie Buttons oder Panels, kann zentral in einer Datei gespeichert werden. Diese Einstellungen beinhalten Schrift-Art und Farbe, aber auch Ränder oder Schatten, sowie jede Menge weiterer Parameter der jeweiligen Objekte.

===== Theme erstellen =====

Um ein neues Theme zu erstellen, klicken wir im Inspektor auf dieses Symbol(s.h. Grafik) wodurch sich ein Dialogfenster (Resource erstellen) öffnet. {{ :godot:node:control:01.png?150|}}

Aus dem Ressource-Baum können wir Theme auswählen und mit dem Button(Erstellen) selbiges erzeugen.

{{:godot:node:control:02.png?500|}}

Das Ausgabefenster sollte automatisch zum Motiv-Editor wechseln, in dem alle Control-Nodes angezeigt werden.

{{:godot:node:control:03.png?600|}}

Über den Editor (Motiv) => das Fenstermenü(Thema bearbeiten…) => Menüpunkt(Leeres Template erstellen)\\
erstellen wir eine Blanko-Vorlage, welche wir im Inspektor nun angezeigt bekommen.

{{:godot:node:control:07.png?300|}}


Schauen wir uns hier einmal beispielsweise die Einstellmöglichkeiten des Buttons an.
Hierzu müssen wir lediglich im Inspektor rechts neben dem Eintrag Button auf den nach unten zeigenden Pfeil klicken. Mögliche Einstellthemen werden nun darunter liegend aufgelistet. Wieder durch den nach unten gerichteten Pfeil gelangen wir an die Parameter des jeweiligen Themas.

Irreführender Weise finden wir die Farbe des Buttons NICHT unter dem Thema Color, dort sind die Farben der Schrift aufgeführt. Die Farbe des Buttons wird unter dem Thema Styles eingestellt. Dort sind zunächst die Zustände des Buttons aufgeführt, wie Pressed (Button gedrückt).

Mit einem klick auf dessen nach unten zeigenden Pfeil gelangen wir an eine Auswahl von Style-Typen aus der wir uns (Neues StyleBoxFlat) auswählen.

{{:godot:node:control:04.png?300|}}

Nun endlich erweitert sich die Liste der Parameter unter anderem um den Eintrag(Bg Color) über den wir dem Button im gedrückten Zustand, nun eine Farbe zuweisen können. Sprich wir müssen diesen Vorgang auch für die Zustände disabled, focus, hover und normal wiederholen.

Mit einem klick auf den Text StyleBoxFlat werden die zugehörigen Parameter ein und ausgeklappt.
StyleBoxFlat beinhaltet noch viele weitere Parameter neben der eigentlichen Farbe!

===== Theme speichern =====

Um den betriebenen Aufwand zu sichern, können wir im Inspektor aus dem Menü den Button() klicken und über das sich öffnende Pull-Down-Menü speichern als … auswählen.

{{:godot:node:control:05.png?300|}}

Als mögliche Speicherformate werden:\\
{{:godot:node:control:06.png?300|}}\\
angeboten.

Hierbei handelt es sich bei *.theme um ein komprimiertes Format\\
*.tres hingegen ist mit einem üblichen Text-Editor zu betrachten und editierbar ist.

===== Theme laden =====

GUI-Elemente sollten hierarchisch unterhalb eines Control Nodes eingegliedert sein.
Dieses Control Node enthält im Inspektor einen Parameter namens Theme, in dessen Wert die entsprechende Datei eingefügt werden kann. Die untergeordneten Nodes erhalten automatisch die Einstellungen von diesem Theme.
{{ :godot:node:control:08.png?300|}}
===== Alternative Vorgehensweise =====

Bei der zuvor beschriebenen Prozedur erhalten wir über das leere Template, ein Theme mit allen GUI-Elementen. Wir können jedoch auch, in ein leeres Theme nur die benötigten Klassen-Elemente hinzufügen.

Editor (Motiv) => das Fenstermenü(Thema bearbeiten…) => Menüpunkt(Füge Klassen-Element hinzu)
Godot Community DE

Benutzer-Werkzeuge

Webseiten-Werkzeuge

Seiten-Werkzeuge
