...

• Events - Registrierung von Events.
• Outline - Abbildung der Komponenten-Hierarchie in einer UI oder View.
• Palette - In der Palette werden alle UI-Komponenten aufgeführt, die für die Erstellung einer grafischen Oberfläche zur Verfügung stehen.
• Project Management - Unter User Interface werden die UI sowie sämtliche Views einer Oberfläche verwaltet. 
• Properties - Auflistung der Eigenschaften und Einstellungen für die selektierten UI-Komponente.
• Quick Launch - Vorschau starten oder fertige Anwendung deployen.
• Toolbox - Funktionen zum Positionieren und Layouten von UI-Komponenten.

Image RemovedImage Added

Refresh

Sollte es beim Designen zu Darstellungsproblemen kommen, klicken Sie auf , um einen Refresh des GUI-Builders durchzuführen. 

...

Über die Theme Combobox können Sie das Theme für die gesamte Oberfläche wechseln.

Image RemovedImage Added

Zoom

Mit Hilfe der Zoom-Funktion können Sie Ihren Entwurf bei Bedarf vergrößern und verkleinern. Die Auswahl des Zoom-Faktors lässt sich sowohl über eine Combobox, als auch mit gedrückter Strg Taste + Mausrad einstellen.

Image RemovedImage Added

UI und Views bearbeiten

Durch Doppelklick auf eine UI oder View im Project Management > User Interface main-java wird diese zum Bearbeiten in einem neuen GUI-Builder Tab geöffnet, z.B. MainView.java.

Image RemovedImage Added

Layouts

Um eine grafische Oberfläche bestehend aus UI-Komponenten erstellen zu können, müssen Sie Ihrer View ein Layout zuweisen.

...

1. Klicken Sie in der Palette eine UI-Komponente an, z.B. XdevButton Button.
2. Ziehen Sie die UI-Komponente mit Drag-and-Drop von der Palette in die Arbeitsfläche.

...

Für eine Mehrfachauswahl müssen Sie die Shift Taste gedrückt halten und die gewünschten GUI-Komponenten nacheinander anklicken. Die zuerst selektierte GUI-Komponente ist die führende GUI-Komponente, an der sich die anderen GUI-Komponenten der Mehrfachauswahl ausrichten lassen. Bei einer Mehrfachauswahl wird nur die führende GUI-Komponenten im Hierarchie-Pfad des GUI-Builders angezeigt. Um die führende GUI-Komponente zu wechseln, müssen Sie eine andere GUI-Komponente der Mehrfachauswahl anklicken.

Image RemovedImage Added

UI-Komponente austauschen

...

1. Klicken Sie mit Rechtsklick die UI-Komponente an, die Sie austauschen möchten, z.B. ein XdevTextField.
2. Wählen Sie im Kontextmenü > Change Bean Type.
3. Geben Sie im folgenden Dialog die neue UI-Komponente an, z.B. XdevComboBox.
4. Klicken Sie auf OK.
5. Klicken Sie auf Speichern.
   Image RemovedImage Added

Hinweis:

• Durch das Austauschen gelayouteter UI-Komponenten kann das Gesamtlayout beeinträchtigt werden.
• Layout-Änderungen - Nach dem Austauschen eines Layouts werden die darin enthaltenen UI-Komponenten nach den Regeln des gewählten Layouts völlig neu angeordnet.

...

• Mit Replace all ... werden in der aktuellen View alle UI-Komponenten des gewählten Typs (XdevTextFieldTextField), durch den neuen Typ (XdevComboBoxComboBox) ersetzt.

Code-Generierung

...