| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> | |
| <!-- | |
| Copyright (c) 2009, 2010, Oracle and/or its affiliates. All rights reserved. | |
| --> | |
| <html> | |
| <head> | |
| <title>NetBeans GUI Builder: Getting Familiar</title> | |
| <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" > | |
| <link rel="stylesheet" type="text/css" href="../../../netbeans.css"> | |
| </head> | |
| <body> | |
| <h1>Designing a Swing GUI in NetBeans IDE</h1> | |
| <p> | |
| These screencasts walk you through designing a Swing GUI in the NetBeans IDE described in the <a href="../java/quickstart-gui.html">Designing a Swing GUI in NetBeans IDE</a> tutorial. </p> | |
| <p>In the screencasts, you will see how to add, insert, align, resize, and indent components to layout a GUI front-end that enables you to view and edit contact information of individuals included in an employee database. You will learn how to effectively use the capabilities of the IDE's GUI Builder. </p> | |
| <table cellpadding="5"> | |
| <tr><td class="valign-top"> | |
| <p> | |
| <a name="explore"></a> | |
| <h2>Exploring GUI Builder (.swf)</h2> | |
| (Click <a href="http://bits.netbeans.org/media/quickstart-gui-explore.swf">here</a> to view full-sized, Ctrl-Click to download, 1,9 MB)<br> | |
| Time: 01:19</p> | |
| </td><td width="460" class="valign-top" class="align-center"> | |
| <embed src="http://bits.netbeans.org/media/quickstart-gui-explore.swf" type="application/x-shockwave-flash" width="480" height="285" allowscriptaccess="always" allowfullscreen="true"></embed> | |
| <tr><td class="valign-top"> | |
| <p><a name="add"></a> | |
| <h2>Adding individual and multiple components (.swf)</h2> | |
| (Click <a href="http://bits.netbeans.org/media/quickstart-gui-add.swf">here</a> to view full-sized, Ctrl-Click to download, 5,6 MB)<br> | |
| Time: 08:21</p> | |
| </td><td width="460" class="valign-top" class="align-center"> | |
| <embed src="http://bits.netbeans.org/media/quickstart-gui-add.swf" type="application/x-shockwave-flash" width="480" height="285" allowscriptaccess="always" allowfullscreen="true"></embed></tr> | |
| <tr><td class="valign-top"> | |
| <p><a name="insert"></a> | |
| <h2>Inserting components (.swf)</h2> | |
| (Click <a href="http://bits.netbeans.org/media/quickstart-gui-insert.swf">here</a> to view full-sized, Ctrl-Click to download, 1,1 MB)<br> | |
| Time: 01:49</p> | |
| </td><td width="460" class="valign-top" class="align-center"> | |
| <embed src="http://bits.netbeans.org/media/quickstart-gui-insert.swf" type="application/x-shockwave-flash" width="480" height="285" allowscriptaccess="always" allowfullscreen="true"></embed></tr> | |
| <tr><td class="valign-top"> | |
| <p><a name="align"></a> | |
| <h2>Aligning and anchoring components (.swf)</h2> | |
| (Click <a href="http://bits.netbeans.org/media/quickstart-gui-align.swf">here</a> to view full-sized, Ctrl-Click to download, 4,4 MB)<br> | |
| Time: 07:40</p> | |
| </td><td width="460" class="valign-top" class="align-center"> | |
| <embed src="http://bits.netbeans.org/media/quickstart-gui-align.swf" type="application/x-shockwave-flash" width="480" height="285" allowscriptaccess="always" allowfullscreen="true"></embed></tr> | |
| <tr><td class="valign-top"> | |
| <p><a name="resize"></a> | |
| <h2>Resizing and indenting components (.swf)</h2> | |
| (Click <a href="http://bits.netbeans.org/media/quickstart-gui-resize.swf">here</a> to view full-sized, Ctrl-Click to download, 4,1 MB)<br> | |
| Time: 08:03</p> | |
| </td><td width="460" class="valign-top" class="align-center"> | |
| <embed src="http://bits.netbeans.org/media/quickstart-gui-resize.swf" type="application/x-shockwave-flash" width="480" height="285" allowscriptaccess="always" allowfullscreen="true"></embed> | |
| </tr> | |
| </table> | |
| <!--<p class="tips">If you are having problems viewing the screencast on the right, | |
| allow the screencast to download before starting. </p>--> | |
| <h2>Related links</h2> | |
| <ul> | |
| <li><a href="../intro-screencasts.html">Guided | |
| Video Tour of the NetBeans IDE</a> | |
| <li><a href="https://netbeans.org/kb/index.html">NetBeans IDE Tutorials: | |
| General Java Development | |
| </a> | |
| <li><a href="https://netbeans.org/kb/index.html" target="_blank">NetBeans IDE Documentation </a> | |
| </ul> | |
| <div class="feedback-box" style="float:left"> | |
| <a href="/about/contact_form.html?to=3&subject=Feedback:%20Designing%20a%20Swing%20GUI%20in%20NetBeans%20IDE%20Screencast">Send Feedback on This Tutorial</a> </div> | |
| <br style="clear:both;"> | |
| </body> | |
| </html> | |