Graphic User Interface coding creates a more user-friendly interface, so that they can interact with a pretty box instead of having to type in text. To do this, you should already have a basic understanding of Java. To see some more Java related articles click: here. Or to learn HTML (which is easier) check out this or this
1. Open Netbeans (or Dr. Java, but I use Netbeans so... sorry).
2. In Netbeans create a new source package and a new JFrame. After you click on the JFrame your screen should look like:
|Click to enlarge|
3. Say you want to create a simple program, for example, a change calculator. First from the icons on the right click on "panel" and drag it into the grey box on your screen. This give you a surface work on.
4. Then drag a text field, wherever you want it on the panel and if you intend to do the tip calculator as well a button and a text area below it so that the screen looks like:
|Click to enlarge.|
5. To customize the text on your button and text field like I did, just write click or comand+click on each and press "Edit Text".
6. If you want to customize the look a bit you can click on the element and make changes in the box on the lower right-hand corner. For example, I didn't want my panel to be "Grey 235,235,235" so I made it "White 250,250,250".
7. To edit the code click on the source button in the upper left-hand corner. Keep in mind that instead of System.out.println(""); you need to used nameoftextbox.append("");.