As well as creating your composite, Jigloo will copy the jar and native libraries into your project. It copies all the native libraries, even though you generally will. CloudGarden’s tutorial on creating Java Swing GUI’s with Jigloo If a GUI class does not not open using Jigloo, i.e. you can only see the code and not the. Is there somewhere a Jigloo () tutorial for. SWT and Eclipse out there? The dokumentation is quite fine but I’d like.

Author: Jur Tauran
Country: Gambia
Language: English (Spanish)
Genre: Finance
Published (Last): 24 August 2015
Pages: 331
PDF File Size: 18.28 Mb
ePub File Size: 11.73 Mb
ISBN: 766-2-90853-569-5
Downloads: 46950
Price: Free* [*Free Regsitration Required]
Uploader: Kajir

Jigloo tutorial and examples

You may need to re-adjust the position of the button after it is added to the form – Jigloo does a better job once it knows exactly how big the button is. Anchor all controls so that the browser control tutoorial in both directions and the statusLabel expands horizontally.

Now, use the property editor to set the CLabel’s alignment to CENTER Since we are in the property editor, we should take a moment to look at property “categories” which organise properties into “Basic”, “Expert”, “Hidden” and any other category you might want to create.

Add event code to main composite. Edit the code to add dialogShell. Click on the “Open Jigloo preferences editor” button in the toolbar to the left of the Jigloo editor. We will add code to the main composite’s aboutButton event jiglooo, so go back to the main composite and add a SelectionListener.

You can do this by simply right-clicking on a property name and choosing the category you want from the list see below.

Then add the following code to the event handler: A quick way to run the main method of the class you just created is tuhorial click the “Run” button in the Outline view.

This is useful when you want to maximize tutoriak design area, but “Split-pane” can be useful if you want to see immediately the connection between code and GUI. Then enter a name and initial text and an icon image if you like in the dialog that will appear. If you wish to set a layout manager for a composite, select it from the “layout” palette and then click on the element you wish to apply it to, or right-click on the element and use the “Set Layout” options. You can also drag it’s bottom edge to make it the same height as the goButton.


EclipseZone – Jigloo tutorial and examples

Now we’ve got a Jigloo editor open, let’s change how it looks. And here it is running Let’s add a “GO” button to the top right of the form.

You are all done! You may want to use this property a lot and so move it to the “Basic” category. Now, just to demonstrate the “Surround by” feature, right-click on the label and choose “Surround by container Add a Button and CLabel as shown, and anchor them so the label stretches both ttorial and the button is anchored to the bottom-right. Now add a “Status” CLabel to the bottom left of the form, an “About” Button called surprise aboutButton to the bottom-right of the form, a CLabel called statusLabel tutorail along the bottom edge between the other label and the aboutButton, and then add a Browser control in the center of the form.

If you like, use a “handlerMethod” instead of “inline” this time. For instance, if you scroll down a bit in the property list you’ll see the “Expert” category, and a property “backgroundImage”. Now close the alignment helper and make the main form bigger because we migloo add more controls – notice that the addressCombo gets wider.

Choose “Appearance and Behaviour” and jilgoo “Tabbed panels”.

Now click on the alignment button at the top-right of the addressCombo – an “alignment helper” should pop up see image Click on the right anchor button till the anchors look the same as ttorial the image above.


The Eclipse preferences window appears with Jigloo selected. It copies all the native libraries, even though you generally will not need them all, but you never know Now the tuyorial top, left and right edges are anchored fixed distances from the top, left and right edges of the form and it will expand horizontally if the form is resized. You can test whether your form behaves as expected when it is resized by clicking the “Preview” button in the outline view.

Now hit “OK” and close and re-open the Jigloo editor you need to do this to change to tabbed panels. Then scroll down and open the “SelectionListener” node, and set “widgetSelected” to “inline” Jigloo will flip to the source code editor, at the place where the widgetSelected event handler has been tutoral.

But how will the dialog appear in the first place? Then select the goButton and anchor it as shown in the image below, so that it stays fixed in the top right corner of the form and does not resize as the form is resized. First click on the “Button” icon in the “Controls” palette and “drop” the button in the top-right corner of the form, using the alignment lines.

However, other layouts are useful for certain purposes – for example GridLayout is very useful for situations where higloo elements are layed out in a grid, with elements tutoriap multiple rows or columns.

Then add a CCombo control to the top left of the form, call it addressCombo with initial value “www.