Gola


A Graphical Layout Editor for Java Swing/AWT


  The following example is available as ExampleDialog in the Gola distribution.

  View the code generated for the simple GUI shown below.

  View the sequence of images of the Gola GUI as the user builds the simple GUI shown below.




At startup, the the top level cell defaults to a column. The New menu item allows you to change the default. Note the component palette on the left and the property panel on the right.
>   »
Select a grid with three rows and two columns for this example.
«   <     >   »
The empty 3X2 grid.
«   <     >   »
Drag labels and textfields from the component palette to the desired locations on the grid.
«   <     >   »
To merge the cells in the bottom row of the grid, drag the right edge of the bottom-left cell. The red boundary encloses the merged cell that would be created if the mouse is released.
«   <     >   »
Release the mouse when the red boundary encloses both the cells at the bottom.
«   <     >   »
The cells on the bottom row have been merged.
«   <     >   »
Drag the Row from the palette to insert a row in the bottom of the grid. Without inserting the Row it would not be possible to add more than one component.
«   <     >   »
Add a button to the bottom row.
«   <     >   »
Add the second button to the bottom row.
«   <     >   »
Change the alignment of the bottom row so that the buttons are aligned to the right.
«   <     >   »
Using the editor in the property panel, change the display text in the components.
«   <     >   »
Select the buttons, and click the Constraint button to open a dialog to set the width of both the buttons to be the same.
«   <     >   »
The final design view.
«   <     >   »
The preview button enables you to view the GUI as it would appear in an application.
«   < >   »
When the GUI is saved, a Java file is also generated. The file can be compiled without any modifications, and run to test the GUI that has been constructed. Here the GUI is shown with the default L&F.
«   <