177 lines
8.6 KiB
HTML
177 lines
8.6 KiB
HTML
<?xml version="1.0" encoding="UTF-8"?>
|
|
<!DOCTYPE html
|
|
PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
|
|
<html lang="en-us" xml:lang="en-us">
|
|
<head>
|
|
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
|
|
<meta name="security" content="public" />
|
|
<meta name="Robots" content="index,follow" />
|
|
<meta http-equiv="PICS-Label" content='(PICS-1.1 "http://www.icra.org/ratingsv02.html" l gen true r (cz 1 lz 1 nz 1 oz 1 vz 1) "http://www.rsac.org/ratingsv01.html" l gen true r (n 0 s 0 v 0 l 0) "http://www.classify.org/safesurf/" l gen true r (SS~~000 1))' />
|
|
<meta name="DC.Type" content="reference" />
|
|
<meta name="DC.Title" content="GUI Builder Panel Builder toolbar" />
|
|
<meta name="abstract" content="" />
|
|
<meta name="description" content="" />
|
|
<meta name="DC.Relation" scheme="URI" content="pdmlpg1.htm" />
|
|
<meta name="copyright" content="(C) Copyright IBM Corporation 2006" />
|
|
<meta name="DC.Rights.Owner" content="(C) Copyright IBM Corporation 2006" />
|
|
<meta name="DC.Format" content="XHTML" />
|
|
<meta name="DC.Identifier" content="wdgexpl" />
|
|
<meta name="DC.Language" content="en-us" />
|
|
<!-- All rights reserved. Licensed Materials Property of IBM -->
|
|
<!-- US Government Users Restricted Rights -->
|
|
<!-- Use, duplication or disclosure restricted by -->
|
|
<!-- GSA ADP Schedule Contract with IBM Corp. -->
|
|
<link rel="stylesheet" type="text/css" href="./ibmdita.css" />
|
|
<link rel="stylesheet" type="text/css" href="./ic.css" />
|
|
<title>GUI Builder Panel Builder toolbar</title>
|
|
</head>
|
|
<body id="wdgexpl"><a name="wdgexpl"><!-- --></a>
|
|
<!-- Java sync-link --><script language="Javascript" src="../rzahg/synch.js" type="text/javascript"></script>
|
|
<h1 class="topictitle1">GUI Builder Panel Builder toolbar</h1>
|
|
<div><p></p>
|
|
<div class="section"><p>Figure 1 shows the GUI Builder Panel Builder window. Following
|
|
Figure 1 is a list that shows each Panel Builder tool icon and describes
|
|
its function. </p>
|
|
</div>
|
|
<div class="section"><p>Figure 1: The GUI Builder Panel window</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh098.gif" alt="GUI Builder screenshot" /></p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh545.gif" alt="Pointer tool icon" /> Click
|
|
Pointer to move and resize a component on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh536.gif" alt="Label tool icon" /> Click
|
|
Label to insert a static label on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh566.gif" alt="Text tool icon" /> Click
|
|
Text to insert a text box on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh515.gif" alt="Button tool icon" /> Click
|
|
Button to insert a button on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh529.gif" alt="Combo Box tool icon" /> Click
|
|
Combo Box to insert a drop down list box on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh537.gif" alt="List Box tool icon" /> Click
|
|
List Box to insert a list box on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh547.gif" alt="Radio Button tool icon" /> Click
|
|
Radio Button to insert a radio button on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh528.gif" alt="Checkbox tool icon" /> Click
|
|
Checkbox to insert a check box on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh553.gif" alt="Spinner tool icon" /> Click
|
|
Spinner to insert a spinner on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh514.gif" alt="Image tool icon" /> Click
|
|
Image to insert an image on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh538.gif" alt="Menu Bar tool icon" /> Click
|
|
Menu Bar to insert a menu bar on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh535.gif" alt="Group Box tool icon" /> Click
|
|
Group Box to insert a labeled group box on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh569.gif" alt="Tree tool icon" /> Click
|
|
Tree to insert an hierarchical tree on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh564.gif" alt="Table tool icon" /> Click
|
|
Table to insert a table on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh571.gif" alt="Slider tool icon" /> Click
|
|
Slider to insert an adjustable slider on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh572.gif" alt="Progress Bar tool icon" /> Click
|
|
Progress Bar to insert a progress bar on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh534.gif" alt="Deck Pane tool icon" /> Click
|
|
Deck Pane to insert a deck pane on a panel. A deck pane contains a stack of
|
|
panels. The user can select any of the panels, but only the selected panel
|
|
is fully visible.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh554.gif" alt="Split Pane tool icon" /> Click
|
|
Split Pane to insert a split pane on a panel. A split pane is one pane divided
|
|
into two horizontal or vertical panes.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh563.gif" alt="Tabbed Pane tool icon" /> Click
|
|
Tabbed Pane to insert a tabbed pane on a panel. A tabbed pane contains a collection
|
|
of panels with tabs at the top. The user clicks a tab to display the contents
|
|
of a panel. The title of the panel is used as the text for a tab.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh531.gif" alt="Custom tool icon" /> Click
|
|
Custom to insert a custom-defined user interface component on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh568.gif" alt="Toolbar tool icon" /> Click
|
|
Toolbar to insert a toolbar on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh573.gif" alt="Toggle Grid tool icon" /> Click
|
|
Toggle Grid to enable a grid on a panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh574.gif" alt="Align Top tool icon" /> Click
|
|
Align Top to align multiple components on a panel with the top edge of a specific,
|
|
or primary, component.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh575.gif" alt="Align Bottom tool icon" /> Click
|
|
Align Bottom to align multiple components on a panel with the bottom edge
|
|
of a specific, or primary, component.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh576.gif" alt="Equalize Height tool icon" /> Click
|
|
Equalize Height to equalize the height of multiple components with the height
|
|
of a specific, or primary, component.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh584.gif" alt="Center Vertically tool icon" /> Click
|
|
Center Vertically to center a selected component vertically relative to the
|
|
panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh583.gif" alt="Toggle Margins tool icon" /> Click
|
|
Toggle Margins to view the margins of the panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh582.gif" alt="Align Left tool icon" /> Click
|
|
Align Left to align multiple components on a panel with the left edge of a
|
|
specific, or primary, component.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh581.gif" alt="Align Right tool icon" /> Click
|
|
Align Right to align multiple components on a panel with the left edge of
|
|
a specific, or primary, component.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh580.gif" alt="Equalize Width tool icon" /> Click
|
|
Equalize Width to equalize the width of multiple components with the width
|
|
of a specific, or primary, component.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh579.gif" alt="Center Horizontally tool icon" /> Click Center Horizontally to center a selected component
|
|
horizontally relative to the panel. </p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh532.gif" alt="Cut tool icon" /> Click
|
|
Cut to cut panel components.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh530.gif" alt="Copy tool icon" /> Click
|
|
Copy button to copy panel components.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh542.gif" alt="Paste tool icon" /> Click
|
|
Paste to paste panel components between different panels or files.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh570.gif" alt="Undo tool icon" /> Click
|
|
Undo to undo the last action.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh548.gif" alt="Redo tool icon" /> Click
|
|
Redo to redo the last action.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh565.gif" alt="Tab Order tool icon" /> Click
|
|
Tab Order to control the selection order of each panel component when the
|
|
user presses TAB to navigate through the panel.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh577.gif" alt="Preview tool icon" /> Click
|
|
Preview to display a preview of what a panel will look like.</p>
|
|
</div>
|
|
<div class="section"><p><img src="rzahh578.gif" alt="Help tool icon" /> Click
|
|
Help to get more specific information about the Graphical Toolbox.</p>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div class="familylinks">
|
|
<div class="parentlink"><strong>Parent topic:</strong> <a href="pdmlpg1.htm" title="The Graphical Toolbox, a set of UI tools, makes it easy to create custom user interface panels in Java.">Graphical Toolbox and PDML</a></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html> |