RapidClipse bietet Ihnen einen GUI-Builder, mit dem Sie grafische Oberflächen per Drag-and-Drop erstellen können. Im Hintergrund generiert RapidClipse Javacode auf Basis von Vaadin. Das Endergebnis zur Laufzeit ist eine HTML5 / JavaScript Oberfläche, die im Web-Browser dargestellt wird. 

Für das Designen mit dem GUI-Builder sind weitere Ansichten wichtig oder hilfreich:

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

UI und Views bearbeiten

Durch das Selektieren einer UI oder View im Project Management > User Interface, wird diese zum Bearbeiten in einem neuen GUI-Builder Tab geöffnet, z.B. MainUI.java.

Layouts

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

UI-Komponenten einfügen

Alle GUI-Komponenten lassen sich mit Drag-and-Drop in die Arbeitsfläche einfügen.

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

Mehrfachauswahl

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.

Code-Generierung

Nach jeder Änderung im GUI-Builder generiert RapidClipse automatisch XML-Code und daraus Javacode.

Bidirektional entwickeln

RapidClipse unterstützt bidirektionales Entwickeln zwischen GUI-Builder und XML-Code, d.h. Sie können Ihre Oberflächen wahlweise im GUI-Builder designen oder mit XML deklarativ beschreiben. Der generierte Javacode kann dagegen nicht editiert werden.