~oif-team/ubuntu/natty/qt4-x11/xi2.1

<td width="1">  </td><td class="postheader" valign="center"><a href="index.html"><font color="#004faf">Home</font></a> · <a href="namespaces.html"><font color="#004faf">All Namespaces</font></a> · <a href="classes.html"><font color="#004faf">All Classes</font></a> · <a href="mainclasses.html"><font color="#004faf">Main Classes</font></a> · <a href="groups.html"><font color="#004faf">Grouped Classes</font></a> · <a href="modules.html"><font color="#004faf">Modules</font></a> · <a href="functions.html"><font color="#004faf">Functions</font></a></td>

<td width="1">  </td><td class="postheader" valign="center"><a href="index.html"><font color="#004faf">Home</font></a> · <a href="classes.html"><font color="#004faf">All Classes</font></a> · <a href="functions.html"><font color="#004faf">All Functions</font></a> · <a href="overviews.html"><font color="#004faf">Overviews</font></a></td><td class="searchBar" align="right" valign="center"><form action="http://www.google.com/cse" id="cse-search-box"><div><input type="hidden" name="cx" value="000136343326384750312:dhbxnqlakyu" /><input type="hidden" name="ie" value="UTF-8" /><input type="text" name="q" size="31" /><input type="submit" name="sa" value="Search" /></div></form></td>

</tr></table><p>

[<a href="designer-manual.html">Contents</a>]

</p>

<h1 class="title">Getting to Know Qt Designer<br /><span class="subtitle"></span>

<h2>The User Interface</h2>

<p>When used as a standalone application, <i>Qt Designer</i>'s user interface can be configured to provide either a multi-window user interface (the default mode), or it can be used in docked window mode. When used from within an integrated development environment (IDE) only the multi-window user interface is available. You can switch modes in the <b>Preferences</b> dialog from the <b>Edit</b> menu.</p>

<p>In multi-window mode, you can arrange each of the tool windows to suit your working style. The main window consists of a menu bar, a tool bar, and a widget box that contains the widgets you can use to create your user interface.</p>

<tr valign="top" class="odd"><td><img src="images/designer-main-window.png" /></td><td><b>Qt Designer's Main Window</b><p>The menu bar provides all the standard actions for managing forms, using the clipboard, and accessing application-specific help. The current editing mode, the tool windows, and the forms in use can also be accessed via the menu bar.</p>

<p>The tool bar displays common actions that are used when editing a form. These are also available via the main menu.</p>

<p>The widget box provides common widgets and layouts that are used to design components. These are grouped into categories that reflect their uses or features.</p>

</td></tr>

</table></p>

<p>Most features of <i>Qt Designer</i> are accessible via the menu bar, the tool bar, or the widget box. Some features are also available through context menus that can be opened over the form windows. On most platforms, the right mouse is used to open context menus.</p>

<tr valign="top" class="odd"><td><img src="images/designer-widget-box.png" /></td><td><b>Qt Designer's Widget Box</b><p>The widget box provides a selection of standard Qt widgets, layouts, and other objects that can be used to create user interfaces on forms. Each of the categories in the widget box contain widgets with similar uses or related features.</p>

<p><b>Note:</b> Since Qt 4.4, new widgets have been included, e.g., <a href="qplaintextedit.html">QPlainTextEdit</a>, <a href="qcommandlinkbutton.html">QCommandLinkButton</a>, <a href="qscrollarea.html">QScrollArea</a>, <a href="qmdiarea.html">QMdiArea</a>, and <a href="qwebview.html">QWebView</a>.</p>

<p>You can display all of the available objects in a category by clicking on the handle next to the category label. When in <a href="designer-widget-mode.html">Widget Editing Mode</a>, you can add objects to a form by dragging the appropriate items from the widget box onto the form, and dropping them in the required locations.</p>

</ol>

<p>So, you no longer have to worry about rearranging widgets for different platforms, settings, and languages.</p>

<p>The example below shows how different localizations can affect the user interface. When a localization requires more space for longer text strings the Qt layout automatically scales to accommodate this, while ensuring that the user interface looks presentable and still matches the platform guidelines.</p>

<thead><tr valign="top" class="qt-style"><th>A Dialog in English</th><th>A Dialog in French</th></tr></thead>

</table></p>

<p>The process of laying out widgets consists of creating the layout hierarchy while setting as few widget size constraints as possible.</p>

<p>For a more technical perspective on Qt's layout classes, refer to the <a href="layout.html">Layout Classes</a> document.</p>

<p>For a more technical perspective on Qt's layout classes, refer to the <a href="layout.html">Layout Management</a> documentation.</p>

<p>

[<a href="designer-manual.html">Contents</a>]

</p>

<td width="40%" align="center"><a href="trademarks.html">Trademarks</a></td>

</tr></table></div></address></body>

<td width="20%" align="center"><a href="trademarks.html">Trademarks</a></td>

</html>

Older »