Layout für GUIs mit Qt Designer

Beim Layouten Ihrer Qt-GUIs kann es eine ziemlich knifflige Aufgabe sein, jedes Widget an der richtigen Stelle in Ihren Formularen zu platzieren. Glücklicherweise bietet Qt eine Reihe von Layout-Managern, die den Prozess der Widget-Positionierung vereinfachen und es Ihnen ermöglichen, jede Art von Layout einfach zu erstellen. Um die Widgets in einem Formular anzuordnen, können Sie alles im Code erstellen, oder Sie können Ihr Layout mit Qt Designer erstellen. In diesem Tutorial lernen Sie, wie Sie die Layouts von Qt mit Qt Designer verwenden, um komplexe GUIs für Ihre Anwendungen zu erstellen.

Zusätzlich erstellen wir ein Dialogbeispiel, das mehrere Widgets mit einem kohärenten Layout verwendet, um Ihr Wissen zu festigen und alles zu einem voll funktionsfähigen Dialog zusammenzufügen, wie Sie ihn in einer realen Anwendung erstellen würden.

Verwendung von Layouts mit Qt Designer

Qt Designer ist das Qt-Werkzeug zum Entwerfen und Erstellen grafischer Benutzeroberflächen (GUI) für Desktop-Anwendungen. Mit Qt Designer können Sie Fenster, Dialoge und Formulare erstellen. Die Hauptschnittstelle von Qt Designer sieht wie folgt aus:

Qt Designer – Hauptschnittstelle

Qt Designer hat eine klare und benutzerfreundliche Schnittstelle, die es Ihnen erlaubt, jede Art von GUI zu erstellen, indem Sie Widgets auf ein leeres Formular ziehen. Nachdem Sie alle Widgets auf Ihrem Formular platziert haben, müssen Sie sie in einem kohärenten Layout platzieren. Dadurch wird sichergestellt, dass alle Widgets richtig angezeigt und in der Größe angepasst werden, wenn das Formular in der Vorschau angezeigt oder in einer Anwendung verwendet wird.

Qt’s Layout-Manager sind strukturierte Container, die automatisch untergeordnete Widgets anordnen, um sicherzustellen, dass sie den verfügbaren Platz gut nutzen. Platziert man Widgets innerhalb eines Layout-Managers, werden sie automatisch nach den definierten Regeln angeordnet. Eine der nützlichsten Funktionen von Qt Designer ist die Möglichkeit, Hierarchien von Layout-Managern per Drag & Drop anzuordnen, um Widgets in sauberen und funktionalen Oberflächen anzuordnen.

In Qt Designer können Sie Layout-Objekte erstellen, indem Sie ein Layout auf eine Gruppe von vorhandenen Widgets anwenden. Es ist zwar möglich, Layouts auf ein Formular zu ziehen und dann Widgets in die Layouts zu ziehen, aber das kann etwas fummelig sein. Am besten ziehen Sie stattdessen alle benötigten Widgets und Abstandshalter auf das Formular und wählen dann die entsprechenden Widgets und Abstandshalter aus und wenden die Layouts auf sie an. Gehen Sie wie folgt vor –

1. Ziehen Sie die Widgets auf das Formular und versuchen Sie, sie in der Nähe der gewünschten Position zu platzieren
2. Wählen Sie die Widgets aus, die mit einem bestimmten Layout verwaltet werden sollen, indem Sie die Taste Ctrl gedrückt halten und auf sie klicken
3. Wenden Sie das entsprechende Layout (horizontal, vertikal, Raster oder Formular) über die Symbolleiste des Qt Designers, das Hauptmenü, oder das Kontextmenü des Formulars

Bevor Sie sich mit einem Beispiel beschäftigen, werfen Sie einen Blick auf die Layout-Optionen, die Qt Designer bietet –

1. Layout-Optionen in der Hauptsymbolleiste verwenden
2. Layout-Optionen im Hauptmenü verwenden
3. Layout-Optionen im Kontextmenü des Formulars verwenden

Der zugänglichste Weg, Layouts zu erstellen, ist die Verwendung des Layout-Bereichs in der Hauptsymbolleiste von Qt Designer. Dieser Bereich sieht wie folgt aus –

Qt Designer – Layout Werkzeugleiste

Von links nach rechts finden Sie die folgenden Schaltflächen –

• Horizontal anordnen ordnet ausgewählte Widgets in einem horizontalen Layout nebeneinander an (Tastenkombination, Ctrl+1). Diese Option verwendet ein Standardobjekt QHBoxLayout
• Vertikal anordnen ordnet ausgewählte Widgets in einem vertikalen Layout untereinander an (Tastenkombination, Ctrl+2). Diese Option verwendet ein Standardobjekt QVBoxLayout
• Horizontal in Splitter anordnen ordnet die Widgets horizontal mit einem Splitter an (Schlüsselkombination, Ctrl+3)
• Vertikal in Splitter anordnen ordnet die Widgets vertikal mit einem Splitter an (Schlüsselkombination, Ctrl+4)
• In einem Raster anordnen ordnet die Widgets in einem tabellenähnlichen Raster an (Zeilen und Spalten). Standardmäßig belegt jedes Widget eine Zelle des Rasters, aber Sie können dieses Verhalten ändern und die Widgets auf mehrere Zellen verteilen (Schlüsselkombination Ctrl+5). Diese Option verwendet ein Standardobjekt QGridLayout
• Lay Out in a Form Layout ordnet ausgewählte Widgets in einem zweispaltigen Layout an. Die linke Spalte ist in der Regel für Beschriftungen vorgesehen, die Informationen abfragen, und die rechte Spalte enthält Widgets für die Eingabe, Bearbeitung oder Anzeige dieser Informationen (Tastenkombination, Ctrl+6)
• Layout aufbrechen Mit dieser Taste können Sie ein bestehendes Layout brechen. Sobald Widgets in einem Layout angeordnet sind, können Sie sie nicht mehr einzeln verschieben und in der Größe verändern, da ihre Geometrie durch das Layout gesteuert wird. Um einzelne Widgets zu ändern, müssen Sie das Layout unterbrechen und später wiederherstellen (Tastenkombination Ctrl+0)
• Größe anpassen passt die Größe des Layouts an, um die enthaltenen Widgets unterzubringen und sicherzustellen, dass jedes genug Platz hat, um sichtbar zu sein (Tastenkombination Ctrl+J)

Diese gleichen layoutbezogenen Optionen sind auch über das Hauptmenü von Qt Designer unter dem Menü Form und über das Kontextmenü des Formulars verfügbar, Sie können also die Option wählen, die Ihnen besser gefällt.

Nachdem wir nun die Theorie hinter uns gebracht haben, können wir diese Layouts in die Praxis umsetzen. In den nächsten Abschnitten werden wir Qt Designer verwenden, um die Widgets auf unseren Formularen anzuordnen und schöne und elegante GUIs für Ihre Desktop-Anwendungen zu erstellen. Bevor wir jedoch mit den verschiedenen Layout-Managern, die Qt bietet, experimentieren, werden wir zuerst ein benutzerdefiniertes Widget erstellen, um die Layouts zu visualisieren, während wir durch dieses Tutorial gehen.

Die fertige .ui-Datei kann unten heruntergeladen werden, wenn Sie diesen Schritt überspringen möchten.

layout-labels.ui

Starten Sie Ihren Qt Designer und führen Sie die folgenden Schritte aus –

1. Wählen Sie Widget auf der Registerkarte templates/forms des Dialogs New Form. Dadurch wird ein neues leeres Formular erstellt, an dem Sie arbeiten können.
2. Speichern Sie Ihr Formular als layout-labels.ui.
3. Suchen Sie auf Widget Box nach einem Label-Widget und ziehen Sie es auf das Formular.
4. Gehen Sie zu Property Editor und setzen Sie die Eigenschaft text auf 0.
5. Öffnen Sie das Dialogfeld Text Edit und setzen Sie die Textfarbe auf weiß. Setzen Sie die Schriftgröße auf 20 Punkt und richten Sie den Text aus. Drücken Sie OK, um die Änderungen zu übernehmen.
6. Gehen Sie zu Property Editor und setzen Sie die Eigenschaft autoFillBackground auf True, indem Sie das Kontrollkästchen aktivieren.
7. Suchen Sie die Eigenschaft palette und öffnen Sie das Dialogfeld Edit Palette. Verwenden Sie die Option Quick, um die Farbe auf Rot zu setzen.

Wenn Sie sich verloren fühlen, sehen Sie sich den folgenden Screencast an, um die Schritte in Aktion zu sehen –

In diesem Beispiel erstellen Sie ein neues Fenster auf der Grundlage der Vorlage Widget. Dann fügen Sie eine Beschriftung hinzu, setzen ihre text-Eigenschaft auf 0 und ihre Hintergrundfarbe auf Rot.

Um dieses Beispiel zu vervollständigen, wiederholen Sie alle Schritte, um drei weitere Beschriftungen mit ihrem jeweiligen Text auf 1, 2 und 3 und ihren Farben auf Grün, Gelb und Blau zu setzen. Am Ende erhalten Sie ein Formular wie dieses:

Qt Designer – Formular mit farbigen Beschriftungen

Der obige Screenshot zeigt das Ausgangsformular, das Sie für die nächsten Abschnitte verwenden werden. Es handelt sich um ein reines Formular mit vier Beschriftungsobjekten darin. Sie können für jede Beschriftung eine Hintergrundfarbe festlegen, um sie in den folgenden Abschnitten leichter erkennen und unterscheiden zu können.

Horizontale Layouts, QHBoxLayout

Sie können einen horizontalen Layout-Manager (QHBoxLayout) verwenden, um die Widgets in einer Reihe anzuordnen. Um diese Art von Layout im Code zu erstellen, müssen Sie die Klasse QHBoxLayout instanziieren und dann Ihre Widgets zum Layout-Objekt hinzufügen. In Qt Designer ist es einfacher, andersherum zu arbeiten.

Wenn Sie Ihre layout-labels.ui-Datei geöffnet haben, wählen Sie zunächst alle Ihre Labels aus. Dazu können Sie jedes Widget nacheinander anklicken, während Sie die Ctrl-Taste gedrückt halten, oder Sie können auch mit dem Mauszeiger innerhalb des Formulars klicken und ziehen, um die Widgets auszuwählen.

Wenn Sie die Widgets ausgewählt haben, bringen Sie sie in ein horizontales Layout, indem Sie die Schaltfläche Lay Out Horizontally in der Hauptsymbolleiste des Qt-Designers auswählen. Sie können auch die Option Lay out->Lay Out Horizontally aus dem unten gezeigten Kontextmenü verwenden oder Sie können Ctrl+1 drücken. Der folgende Screencast führt Sie durch diese Schritte –

Wenn das Layout falsch ist, können Sie einfach alles rückgängig machen und das Layout neu beginnen. Um etwas rückgängig zu machen, können Sie Ctrl+z drücken oder das Menü Edit in der Hauptmenüleiste von Qt Designer verwenden. Wenn das nicht möglich ist oder nicht funktioniert, können Sie das Layout einfach mit der Schaltfläche Break Layout in der Hauptsymbolleiste von Qt Designer abbrechen. Eine andere Möglichkeit, ein Layout zu unterbrechen, ist, Ctrl+0 zu drücken oder Break Layout aus dem Kontextmenü des Formulars zu wählen.

Vertikale Layouts, QVBoxLayout

Sie können ein vertikales Layout (QVBoxLayout) verwenden, um Ihre Widgets in einer Spalte übereinander anzuordnen. Dies kann sehr nützlich sein, wenn Sie Gruppen von Widgets erstellen und sicherstellen müssen, dass sie vertikal ausgerichtet sind.

Ausgehend von Ihrer ursprünglichen layout-labels.ui-Datei, besteht der erste Schritt darin, die Widgets auszuwählen, die Sie in das vertikale Layout aufnehmen möchten. Danach können Sie auf die Schaltfläche Lay Out Vertically über der Hauptsymbolleiste klicken, das Kontextmenü verwenden oder auch die Taste Ctrl+2 drücken. Der folgende Screencast führt Sie durch diese Schritte –

Wenn Sie sich den Screencast genauer ansehen, können Sie erkennen, dass das Layout-Objekt durch einen dünnen roten Rahmen gekennzeichnet ist, der die Beschriftungen auf dem Formular umgibt. Dieser rote Rahmen ist weder in der Vorschau noch zur Laufzeit sichtbar, sondern dient lediglich als Orientierungshilfe bei der Gestaltung des Formulars. Beachten Sie auch, dass das Layout-Objekt im Objektinspektor erscheint und seine Eigenschaften (Ränder und Beschränkungen) im Eigenschaftseditor angezeigt werden.

Grid Layouts, QGridLayout

Manchmal müssen Sie Ihre Widgets sowohl horizontal als auch vertikal innerhalb desselben Layouts anordnen. Dazu können Sie einen Grid-Layout-Manager (QGridLayout) verwenden. Grid-Layout-Manager ordnen Ihre Widgets in einem quadratischen oder rechteckigen Raster an, wobei alle Widgets vertikal und horizontal an ihren Nachbarn ausgerichtet sind. Diese Art des Layouts gibt Ihnen viel mehr Freiheit bei der Anordnung Ihrer Widgets in einem Formular, wobei ein gewisses Maß an Struktur erhalten bleibt. Diese Anordnung kann besser geeignet sein als die verschachtelte Anordnung von horizontalen und vertikalen Layouts, insbesondere wenn Sie sich um die Ausrichtung benachbarter Zeilen oder Spalten kümmern.

Sie können ein Grid-Layout mit Qt Designer auf die gleiche Weise erstellen wie andere Layouts. Der erste Schritt besteht darin, die Gruppe von Widgets auszuwählen, die Sie mit einem Grid-Layout-Manager anordnen möchten. Dann können Sie die Symbolleiste, das Kontextmenü oder die Taste Ctrl+5 verwenden, um das Layout einzurichten. Sehen Sie sich den folgenden Screencast an –

In diesem Fall verwenden wir ein 2 x 2 Rasterlayout, um die Beschriftungen auf Ihrem Formular anzuordnen. Beachten Sie, dass Sie, um diese Art von Layout zu verwenden, zuerst Ihre Widgets in Zeilen und Spalten auf dem Formular platzieren sollten, wie im Screencast oben gezeigt. Qt Designer ist ziemlich clever und wird versuchen, Ihr Design so ähnlich wie möglich zu halten, wie Sie es ursprünglich von Hand erstellt haben. Er kann sogar schwierige mehrspaltige Anordnungen automatisch erstellen oder leere Zellen automatisch füllen.

Formularlayouts, QFormLayout

Während ein QGridLayout verwendet werden kann, um Formulare mit Eingaben und Beschriftungen in zwei Spalten zu layouten, bietet Qt auch ein Layout, das speziell für diesen Zweck entwickelt wurde – (QFormLayout). Diese Art von Layout ist ideal, wenn Sie eine strukturierte Dateneingabe oder eine Datenbankanwendung erstellen wollen. Die linke Spalte enthält in der Regel Beschriftungen, die nach Informationen fragen. Die rechte Spalte enthält die Eingabe-Widgets wie z.B. Zeilenbearbeitungen (QLineEdit), Spinboxen (QSpinBox), Datumsbearbeitungen (QDateEdit), Kombinationsfelder (QComboBox) usw.

Der Vorteil dieses Layouts gegenüber QGridLayout ist, dass es einfacher zu handhaben ist, wenn man nur zwei Spalten benötigt. Der folgende Screencast zeigt es in Aktion –

In diesem Beispiel fügen wir zunächst vier neue Labels hinzu. Diese Beschriftungen enthalten Informationen über die Daten, die in der zweiten Spalte eingegeben oder bearbeitet werden sollen. In diesem Fall enthält die zweite Spalte die farbigen Beschriftungen Ihrer Tests, aber normalerweise wird diese Spalte verwendet, um Eingabewidgets wie Zeilenbearbeitungen, Drehfelder, Kombinationsfelder usw. zu platzieren.

Splitter-Layouts

Splitter sind Containerobjekte, die Widgets horizontal oder vertikal in zwei in der Größe veränderbaren Feldern anordnen. Mit dieser Art von Layout können Sie den Platz, den jedes Panel auf Ihrem Formular einnimmt, frei einstellen, während der insgesamt verwendete Platz konstant bleibt. In Qt werden Splitter-Layouts mit QSplitter verwaltet.

Auch wenn Splitter technisch gesehen ein Container-Widget (kein Layout) sind, behandelt Qt Designer sie als Layouts, die auf bestehende Widgets angewendet werden können. Um eine Gruppe von Widgets in einem Splitter zu platzieren, wählen Sie sie zunächst wie gewohnt aus und wenden dann den Splitter über die entsprechende Schaltfläche in der Symbolleiste, das Tastaturkürzel oder die Option im Kontextmenü von Qt Designer an. Schauen Sie sich den folgenden Screencast an –

In diesem Beispiel wenden wir zunächst einen horizontalen Splitter auf Ihre Beschriftungen an. Beachten Sie, dass Sie die Formularvorschau starten müssen, wenn Sie den Splitter in Aktion sehen wollen. Sie können die Formularvorschau starten, indem Sie Ctrl+R drücken. Später werden wir einen vertikalen Splitter auf die Etiketten anwenden. In jedem Fall können Sie die Größe des Widgets mit dem Mauszeiger frei verändern.

Weitere Layouts mit Qt Designer erstellen

Es gibt noch ein paar weitere Dinge, die Sie mit Layouts in Qt Designer tun können. Nehmen wir zum Beispiel an, Sie müssen ein neues Widget zu einem bestehenden Layout hinzufügen oder verschachtelte Layouts verwenden, um Ihre Widgets in einer komplexen GUI anzuordnen. In den folgenden Abschnitten wird beschrieben, wie Sie einige dieser Aufgaben erledigen können.

Einfügen von Objekten in ein bestehendes Layout

Objekte können in ein bestehendes Layout eingefügt werden, indem Sie sie von ihrer aktuellen Position ziehen und an der gewünschten Stelle im Layout ablegen. Ein blauer Cursor wird im Layout angezeigt, wenn ein Objekt darüber gezogen wird, um anzuzeigen, wo das Objekt platziert werden soll.

Schauen Sie sich den folgenden Screencast an, in dem wir drei unserer Beschriftungen in einem vertikalen Layout platzieren und dann feststellen, dass wir die blaue Beschriftung aus dem Spiel gelassen haben –

Es ist auch möglich, die Position eines bestimmten Widgets in einem Layout zu verschieben oder zu ändern. Ziehen Sie dazu das Widget einfach per Drag & Drop an seine neue Position im Layout. Denken Sie daran, der blauen Linie zu folgen, um dies richtig zu machen.

Layouts verschachteln, um komplexe GUIs zu bauen

Sie können auch Layout-Manager ineinander verschachteln, indem Sie Qt Designer verwenden. Das innere Layout wird dann ein Kind des umschließenden Layouts. Auf diese Weise können Sie iterativ sehr komplexe, aber gut strukturierte Benutzeroberflächen erstellen.

Layouts können so tief verschachtelt werden, wie Sie es benötigen. Um beispielsweise ein Dialogfeld mit einer horizontalen Reihe von Schaltflächen am unteren Rand und einer Reihe anderer Widgets zu erstellen, die vertikal auf dem Formular ausgerichtet sind, können Sie ein horizontales Layout für die Schaltflächen und ein vertikales Layout für den Rest der Widgets verwenden und diese Layouts dann in ein vertikales Layout einpacken.

Zurück zu unserem Beispiel mit den farbigen Beschriftungen, zeigt der folgende Screencast den Prozess des Anordnens eines verschachtelten Layouts in Qt Designer –

In diesem Beispiel ordnen wir die Widgets zunächst paarweise in einem horizontalen Layout an. Dann verschachteln wir diese beiden Layouts in ein drittes Layout, diesmal aber ein vertikales. Die Layouts können beliebig tief verschachtelt werden.

Wenn Sie ein untergeordnetes Layout auswählen, kann das übergeordnete Layout ausgewählt werden, indem Sie die Taste Shift drücken, während Sie darauf klicken. Auf diese Weise können Sie schnell ein bestimmtes Layout in einer Hierarchie auswählen, was sonst aufgrund des kleinen Rahmens, der jeden Layout-Manager abgrenzt, schwierig ist.

Ein Hauptlayout oder Top-Level-Layout festlegen

Der letzte Schritt, den Sie bei der Erstellung eines Formulars durchführen müssen, ist die Kombination aller Layouts und Widgets zu einem Hauptlayout oder Top-Level-Layout. Dieses Layout steht an der Spitze der Hierarchie aller anderen Layouts und Widgets. Es ist wichtig, dass Sie ein Layout haben, weil sich sonst die Widgets in Ihrem Formular nicht anpassen, wenn Sie die Größe des Fensters ändern.

Um das Hauptlayout festzulegen, klicken Sie mit der rechten Maustaste auf eine beliebige Stelle in Ihrem Formular, die kein Widget oder Layout enthält. Dann können Sie Lay Out Horizontally oder Lay Out Horizontally wählen, oder Sie können auch Lay Out in a Grid wählen, wie im folgenden Screencast –

In diesem Beispiel verwenden wir jedes der drei verschiedenen Layouts nacheinander als Hauptlayout. Zunächst verwenden wir ein horizontales Layout, dann unterbrechen wir das Layout und verwenden ein vertikales Layout. Schließlich verwenden wir ein Rasterlayout. Welches Top-Level-Layout Sie für Ihr Top-Level-Layout wählen, hängt von Ihren spezifischen Anforderungen für Ihre Anwendung ab.

Es ist wichtig, dass Sie beachten, dass Top-Level-Layouts nicht als separates Objekt im Objektinspektor sichtbar sind. Ihre Eigenschaften werden unter den Widget-Eigenschaften des Hauptformulars angezeigt. Wenn Ihr Formular kein Layout hat, wird sein Symbol im Objektinspektor mit einem roten Kreis angezeigt. Eine weitere Möglichkeit zu überprüfen, ob Sie ein Hauptlayout richtig eingestellt haben, ist die Größenänderung des Formulars. Wenn ein Hauptlayout vorhanden ist, sollten sich Ihre Widgets entsprechend anpassen.

Wenn Sie beginnen, komplexere Anwendungen zu erstellen, werden Sie feststellen, dass auch andere Container-Widgets ein Top-Level-Layout erfordern, z. B. QGroupBox, QTabWidget, QToolBox und so weiter. Um dies zu tun, können Sie die gleichen Schritte ausführen, die Sie hier gesehen haben, aber dieses Mal müssen Sie mit der rechten Maustaste auf das Container-Widget klicken.

Layout eines Dialogs mit Qt Designer

Für ein letztes und vollständigeres Beispiel, wie man Layouts mit Qt Designer verwendet, werden wir nun einen Dialog erstellen, um einige Informationen in einer Datenbankanwendung einzuführen. Nehmen wir an, wir bauen eine Software zur Personalverwaltung für unser Unternehmen Poyqote Inc. Wir arbeiten jetzt in einem Formular, um einige Daten über unsere Mitarbeiter einzugeben. Der Dialog soll den Benutzern eine benutzerfreundliche Oberfläche für die Eingabe der folgenden Daten bieten:

• Name des Mitarbeiters
• Beschäftigungsdatum
• Abteilung
• Position
• Jahresgehalt
• Jobbeschreibung

Wie kann man dieses Formular am besten gestalten? Es gibt viele Möglichkeiten, und es ist weitgehend eine Frage des Geschmacks und der Praxis. Hier verwenden wir ein QFormLayout, um die Eingabefelder in zwei Spalten anzuordnen, mit Beschriftungen auf der linken Seite und Eingabefeldern auf der rechten Seite. Der Prozess der Erstellung des Layouts wird im folgenden Screencast gezeigt –

Der Basisdialog wird mit der Vorlage Dialog with Buttons Bottom von Qt Designer erstellt. Dann fügen wir einige Beschriftungen und einige Eingabewidgets hinzu, einschließlich Zeilenbearbeitung, Datumsbearbeitung, Textbearbeitung und Kombinationsfelder. Als nächstes fügen wir all diese Widgets in ein Formular-Layout ein und definieren schließlich ein Top-Level- oder Haupt-Layout für das Formular.

Die fertige Dialog-.ui-Datei kann hier heruntergeladen werden.

Fazit

Qt Designer ist ein mächtiges Werkzeug, wenn es um die Erstellung von GUIs mit Qt geht. Eine seiner einfachsten und nützlichsten Funktionen ist die Möglichkeit, Ihre Widgets in verschiedenen Arten von Layouts anzuordnen. Wenn Sie lernen, wie man mit Qt Designer effektiv Layouts erstellt, kann das Ihre Produktivität in die Höhe treiben, insbesondere bei der Erstellung komplexer GUIs.

Dieses Tutorial hat Sie durch den Prozess der Erstellung benutzerdefinierter Layouts mit Qt Designer geführt. Sie wissen jetzt, wie Sie das Beste aus Qt Designer herausholen können, wenn Sie Ihre GUIs gestalten.