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.
«
<