RapidClipse provides a GUI builder that allows you to create graphical interfaces via drag-and-drop.
For designing with the GUI Builder, additional Eclipse Views described below are important and helpful:
Events - Events registration.
Outline - Mapping of the component hierarchy in a UI or view.
Palette - The palette lists all UI components that are available for creating a graphical user interface.
Properties - Listing of properties and settings for the selected UI component.
Quick Launch - Build and launch the Maven project.
Toolbox - Functions for positioning and layout of UI components.
Console - The Console View displays a variety of console types, e.g. the output of servlet container processes like Tomcat or Jetty or the GUI Builder’s background server
If you encounter any display problems while designing, click on the top right corner on to perform a refresh of the GUI builder.
For major changes (such as deleting & adding CSS files) the background server must be restarted, to do this click on the upper right corner on .
The Theme combo box allows you to change the theme for the entire interface of the project.
You can use the zoom function to enlarge and reduce your design as required. The selection of the zoom factor can be set both via a combo box and by holding down the Ctrl key + mouse wheel.+
By using Devices, you can give the design area a predefined size in the GUI Builder. To do this, select in the toolbar and select your desired surface size there.
In combination with the zoom, you can thus create surfaces with very high resolution even in smaller spaces.
Double-clicking on a UI or view in Project Management > main-java will open it for editing in a new GUI Builder tab, e.g. MainView.uixml. To see the associated Java code, you can click on MainView.java in Project Management, or toggle view by 'Ctrl + Shift + E'.
By default, a VerticalLayout is used as the root layout. This can be changed to any other layout (e.g. HorizontalLayout) with a "Right Click → Change Bean Type".
All GUI components can be dragged and dropped into the workspace.
Click a UI component in the Palette, e.g. Button.
Drag and drop the UI component from the palette to the design area.
For selecting multiple components you have to hold down the Ctrl key and click the desired GUI components one after the other. The GUI component selected first is the leading GUI component to which the other GUI components of the current selection can be aligned. When selected multiple components, only the leading one is displayed in the hierarchy path of the GUI builder. To change the leading GUI component, you must click another GUI component of the selection.
UI components or layouts already present in the GUI Builder can be exchanged and replaced by another UI component or layout if required.
Right-click the UI component you want to replace, e.g. a TextField.
In the Context menu, select > Change Bean Type.
In the following dialog, specify the new UI component, e.g. ComboBox.
With Replace all … all UI components of the selected type (TextField), will be replaced by the new type (ComboBox) in the current view.
Sometimes the GUI builder breaks and displays an error message. This happens when the application has a runtime error. This must be fixed before the GUI builder will work again after a background server restart.
After each change in the GUI builder, RapidClipse automatically generates XML code and from that java code.
RapidClipse supports bidirectional development between GUI Builder and XML code, i.e. you can design your interfaces either in the GUI Builder or with XML declaratively. The generated Java code, on the other hand, cannot be edited.