Eclipse RCP
20.09.2010 - 24.09.2010, Hamburg
git
07.10.2010 - 08.10.2010, Essen
Eclipse RCP

Visuelle Entwicklung von GUIs mit SWT Designer

Überblick

Instantiations SWT Designer erweitert den Quelltexteditor von SWT-Klassen um einen visuellen GUI-Editor:

Über die Palette können Widgets erzeugt und Layouts zugewiesen werden:

SWT Designer Palette

GridLayouts bearbeiten

Wenn Sie in einem GridLayout neue Controls einfügen, wird an der gelb markierten Stelle eine neue Tabellenzeile für das Element angelegt:

Einfügezelle bei neuen GridLayout-Elementen

Einige Eigenschaften des GridLayouts können direkt im GUI über Handles manipuliert werden, weitere Optionen sind über das Kontextmenü und die Eigenschaften-Palette zu erreichen:

GridLayout Eigenschaften bearbeiten

FormLayouts bearbeiten

SWT Designer stellt mit Handles an jeder Kante des Controls dar, woran diese Kante des Controls ausgerichtet wird und erlaubt die Bearbeitung dieser Eigenschaften:

FormLayouts bearbeiten

Bewegen Sie ein Control, zeigen die grün markierten Kanten an welcher naheliegenden Kante ausgerichtet wird bzw. welche Kanten durch die Verschiebung fixiert werden:

FormLayouts bearbeiten

Code-Generierung

SWT Designer erzeugt und arbeitet direkt mit dem Java-Quelltext. So können auch bereits vorhandene Benutzeroberflächen geöffnet und bearbeitet werden. Der erzeugte Code kann relativ frei bearbeitet werden. Dies funktioniert zwar robust, kann jedoch nicht mit dynamischem GUI-Code umgehen. Beispielsweise können Widgets, die in einer Schleife oder in einem If-Block erzeugt werden, nicht angezeigt werden, da die dazu notwendigen Informationen erst zur Laufzeit zur Verfügung stehen. Einige Hinweise auf Konstrukte, die nicht verwendet werden dürfen, finden Sie unter Bi-directional Code Generation. Solche Maskenteile sollten in separate Klassen ausgelagert werden, die dann lediglich in die mit dem SWT Designer erstellten Masken eingebunden werden.

Einbetten von Composites

Über Choose Composite in der Palette können beliebige Composite-Klassen importiert werden, die dann als Custom Control zur Verfügung stehen:

Einbetten von Composites

Events erzeugen

Event-Listener können über die Events-Palette oder über das Kontext-Menü angelegt werden. SWT Designer erzeugt dann automatisch Listener-Code, der nur noch zu implementieren ist:

Events erzeugen

Dirk Schuster, 01. Dezember, 16:17 Uhr

Hallo Ralf,

vielleicht solltest Du auch noch kurz http://www.cloudgarden.com/jigloo/index.html erwähnen. Kennst Du weitere brauchbare Designer?

Gruß Dirk

Dominic Etienne Charrier, 17. Januar, 17:19 Uhr

Hallo Ralf,

erwähnenswert wäre auch das Visual Editor Project von Eclipse(unter EPL).
http://www.eclipse.org/vep/

Gruß Dominic

Über Ihre Kommentare und Hinweise freue ich mich sehr:
Ralf Ebert | Eclipse RCP Buch | Visuelle Entwicklung von GUIs mit SWT Designer