Creating Window GUI in Eclipse

WindowBuilder – is a powerful and easy to use bi-directional Java GUI Designer

WindowBuilder is composed of SWT Designer and Swing Designer and makes it very easy to create Java GUI applications without spending a lot of time writing code. Use the WYSIWYG visual designer and layout tools to create simple forms to complex windows; the Java code will be generated for you. Easily add controls using drag-and-drop, add event handlers to your controls, change various properties of controls using a property editor, internationalize your app and much more.

WindowBuilder is built as a plug-in to Eclipse and the various Eclipse-based IDEs (RAD, RSA, MyEclipse, JBuilder, etc.). The plug-in builds an abstract syntax tree (AST) to navigate the source code and uses GEF to display and manage the visual presentation.

Generated code doesn’t require any additional custom libraries to compile and run: all of the generated code can be used without having WindowBuilder Pro installed. WindowBuilder Pro can read and write almost any format and reverse-engineer most hand-written Java GUI code. It also supports free-form code editing (make changes anywhere…not just in special areas) and most user re-factorings (you can move, rename and subdivide methods without a problem).

image001

 

[divider]

 

How to Enable GUI  i.e  JFrame and JWindow :

In Order to enable the Window Builder in Eclipse we will do the following steps:-

  1. Go to the Following link : http://www.eclipse.org/windowbuilder/download.php
  2. Copy the appropriate update site link according to the version of Eclipse you are using and copy the link URL.
  3. Once you have the Link URL paste it in the Eclipse.
  4. For pasting the URL open the following in the Help Menu.

image003

 

 

5. Click the Install New Software in Eclipse , and paste the link as follows.

image005

 

6. Click on Add Button and paste the URL there , give a suitable name to the link and save the link.

7. Once u add the link select the link from the drop down and you will get the repositories ready to be downloaded.

image007

 

8. Check all features to be installed in the “Install” dialog

9. Click the “Next” button

10. Accept the license terms and allow the software to Install itself on the Eclipse.

11. Once the Installation Completes we are good to go with the window building, Eclipse will demand a restart of the IDE.

12. After Restarting the IDE , go to New u will notice the following

image009

13. A new entry will be added named Window Builder, Click on the Application Window here and a new Application                            Window

14. Click on the Application Window and click Finish to create a new GUI and provide the Swing App with a Name.

15. Click on the Design tab to note the Design and Source tab for the code

image011                    16. Choose the Absolute Layout before selecting any elements and then add labels or text fields by click and leave on                            the form.

17. For Testing click either on the GUI and select ‘Test/Preview’ to check GUI

18. If we want to run the code, right click on the code and select the run from Java Application.

19. The GUI will be running with the changes here.

 

 

 

 

 

 

                                                                                                                                                -Adempiere Support {India Portal}

 

 

About This Author

Post A Reply