tqt3/doc/html/designer-manual-15.html

89 lines
10 KiB

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<!-- /home/espenr/tmp/qt-3.3.8-espenr-2499/qt-x11-free-3.3.8/tools/designer/book/chap-windows.leaf:3 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Reference: Windows</title>
<style type="text/css"><!--
fn { margin-left: 1cm; text-indent: -1cm; }
a:link { color: #004faf; text-decoration: none }
a:visited { color: #672967; text-decoration: none }
body { background: #ffffff; color: black; }
--></style>
</head>
<body>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr bgcolor="#E5E5E5">
<td valign=center>
<a href="index.html">
<font color="#004faf">Home</font></a>
| <a href="classes.html">
<font color="#004faf">All&nbsp;Classes</font></a>
| <a href="mainclasses.html">
<font color="#004faf">Main&nbsp;Classes</font></a>
| <a href="annotated.html">
<font color="#004faf">Annotated</font></a>
| <a href="groups.html">
<font color="#004faf">Grouped&nbsp;Classes</font></a>
| <a href="functions.html">
<font color="#004faf">Functions</font></a>
</td>
<td align="right" valign="center"><img src="logo32.png" align="right" width="64" height="32" border="0"></td></tr></table><p align="right">[<a href="designer-manual-14.html">Prev: Reference: Wizards</a>] [<a href="designer-manual.html">Home</a>] [<a href="designer-manual-16.html">Next: Reference: The .ui File Format</a>]</p>
<h2 align="center">Reference: Windows</h2>
<a name="reference-windows"></a><h3><a name="1"></a>Introduction</h3>
<p>By default <em>TQt Designer</em> starts up with three windows on the left hand side. They are the <a href="designer-manual-15.html#2">Project Overview Window</a>, the <a href="designer-manual-15.html#3">Object Explorer Window</a>, and the <a href="designer-manual-15.html#4">Property Editor/Signal Handlers Window</a>. In addition, <em>TQt Designer</em> provides an Action Editor for creating actions for a form's menus and menu items. This chapter explains each window in detail.</p>
<h3><a name="2"></a>Project Overview Window</h3>
<p>This window lists all the files associated with the project. To open a form or file single click it in the Files list. To rapidly switch between forms and files, type the name of the file in the line edit above the files list and <em>TQt Designer</em> will perform an incremental search to show any matching files or forms.</p>
<p align="center"><img align="middle" src="win-projoverview.png" width="416" height="173">
</p>
<blockquote><p align="center"><em>Project Overview Window</em></p></blockquote>
<p>Right-click a file (or the project) to get a context menu of options, for example, 'Open form' or 'Remove form from project'.</p>
<h3><a name="3"></a>Object Explorer Window</h3>
<p>The Object Explorer window lists the current form's widgets and slots. The window contains two tabs, the Objects tab and the Members tab.</p>
<p align="center"><img align="middle" src="win-objexplor1.png" width="416" height="441">
</p>
<blockquote><p align="center"><em>Objects Tab</em></p></blockquote>
<h4><a name="3-1"></a>Objects Tab</h4>
<p>Click the Widgets tab to view all the widgets for the current form. The widgets are listed by name and class. Click a widget in the list to highlight it in the corresponding form.</p>
<p align="center"><img align="middle" src="win-objexplor2.png" width="416" height="441">
</p>
<blockquote><p align="center"><em>Members Tab</em></p></blockquote>
<h4><a name="3-2"></a>Members Tab</h4>
<p>Click the Members tab to view the current form's slots, forward declarations, includes, and class variables. The Members tab uses a tree view to display its information. Items which have a '+' sign have sub-items which are revealed by clicking the '+'. Right click any item in the tree view to popup a context menu.</p>
<p>To edit or add slots, right click the Slots folder and select 'Edit' to invoke the <em>Edit Slots Dialog</em>. Right click the Public, Protected, or Private subdirectories and click 'New' to invoke the <em>Edit Slots Dialog</em>. Right click a slot in the list to invoke a menu with additional options for the slot. To add new slots, choose 'New' from the menu, which invokes the <em>Edit Slots Dialog</em>. To change the properties of the selected slot, choose 'Properties' which invokes the <em>Edit Slots Dialog</em>. To open the C++ editor and jump to the implementation of the selected slot, choose 'Goto Implementation'. To remove the selected slot, choose 'Delete'. Signals can be added or deleted in the same way as slots.</p>
<p>Right click 'Forward Declarations', 'Includes (in declaration)', 'Class Variables', and 'Includes (in implementation)' to invoke a context menu with the 'new' or 'edit' options. Choose 'New' to invoke a line edit for typing a declaration, variable, or include. Right click 'Forward Declarations' and choose 'Edit' to invoke the <em>Edit Forward Declarations Dialog</em>. Right click 'Includes (in declaration)' and choose'Edit' to invoke the <em>Edit Includes (in Declaration) Dialog</em>. Right click 'Class variables' and choose 'Edit' to invoke the <em>Edit Class Variables Dialog</em>. Right click 'Includes (in Implementation)' and choose 'Edit' to invoke the <em>Edit Includes (in Implementation) Dialog</em>.</p>
<h3><a name="4"></a>Property Editor/Signal Handlers Window</h3>
<p>Click the Property Editor/Signal Handlers window to view and change the properties of forms, widgets and menus. This window has a 'Properties' tab and a 'Signal Handlers' tab.</p>
<p align="center"><img align="middle" src="win-propedit1.png" width="416" height="578">
</p>
<blockquote><p align="center"><em>Properties Tab</em></p></blockquote>
<h4><a name="4-1"></a>The Properties Tab</h4>
<p>Click the 'Properties' tab to change the appearance and behaviour of the selected widget. (For menus, click the menu bar to show the menu item properties in the Property Editor.) The Property Editor has two columns, the Property column which lists property names and the Value column which lists the values. Click the column headers to sort the properties or values. Some property names have a plus sign '+' in a square to their left; this signifies that the property name is the collective name for a set of related properties.</p>
<p>Some properties have simple values, for example, the name property has a text value, the width property (within minimumSize for example) has a numeric value. To change a text value click the existing text and type in your new text. To change a numeric value click the value and either type in a new number, or use the spin buttons to increase or decrease the existing number until it reaches the value you want. Some properties have a fixed list of values, for example the mouseTracking property is boolean and can take the values True or False. The cursor property also has a fixed list of values. If you click the cursor property or the mouseTracking property the value will be shown in a drop down combobox; click the down arrow to see what values are available.</p>
<p>Some properties have complex sets of values; for example the font property. If you click the font property an ellipsis button (...) will appear; click this button and a Select Font dialog will pop up which you can use to change any of the font settings. Other properties have ellipsis buttons which lead to different dialogs depending on what settings the property can have. For example, if you have a lot of text to enter for a text property you could click the ellipsis button to invoke the multi-line text editor dialog. The names of properties which have changed are shown in bold. If you've changed a property but want to revert it to its default value click the property's value and then click the red 'X' button to the right of the value. Some properties have an initial value, e.g. 'TextEdit1', but no default value; if you revert a property that has an initial value but no default value (by clicking the red 'X') the value will become empty unless the property, e.g. name, is not allowed to be empty.</p>
<p>The property editor fully supports Undo and Redo (Ctrl+Z and Ctrl+Y, also available from the Edit menu).</p>
<p align="center"><img align="middle" src="win-propedit2.png" width="416" height="159">
</p>
<blockquote><p align="center"><em>Signal Handlers Tab</em></p></blockquote>
<h4><a name="4-2"></a>The Signal Handlers Tab</h4>
<p>Click the 'Signal Handlers' tab to view or create the connections between signals of widgets and custom slots of the form.</p>
<h3><a name="5"></a>Action Editor Window</h3>
<p>The Action Editor window is used to create actions that the user initiates through the user interface, for example, saving or printing a file. To access the Action Editor window, click <b>Window|Views|Action Editor</b> when a main window is active.</p>
<p align="center"><img align="middle" src="qd-actioneditor.png" width="254" height="371">
</p>
<blockquote><p align="center"><em>Action Editor</em></p></blockquote>
<p>The Action Editor contains three functions on its menu bar: create, delete, and connect. It also contains a listview that lists the existing actions.</p>
<p>To create a new action, click the arrow on the Create a New Action icon on the menu bar. Choose to create a new action, a new action group, or a new dropdown action group. You can also create actions by right-clicking an existing action in the Action Editor listview and selecting the type of action you want to create from the popup menu.</p>
<p>To delete an action from the listview, click the action you want to delete from the list, and then click Delete Current Action on the menu bar. You can also delete actions by right-clicking an existing action and in the Action Editor listview and then clicking Delete Action from the popup menu.</p>
<p>To connect an action to a slot, click an action on the listview and then click the Connect icon on the menu bar to invoke the <em>View and Edit Connections</em> dialog. You can also connect an action to a slot by right-clicking an existing action and in the Action Editor listview and then clicking Connect Action from the popup menu.</p>
<!-- eof -->
<p align="right">[<a href="designer-manual-14.html">Prev: Reference: Wizards</a>] [<a href="designer-manual.html">Home</a>] [<a href="designer-manual-16.html">Next: Reference: The .ui File Format</a>]</p>
<p><address><hr><div align=center>
<table width=100% cellspacing=0 border=0><tr>
<td>Copyright &copy; 2007
<a href="troll.html">Trolltech</a><td align=center><a href="trademarks.html">Trademarks</a>
<td align=right><div align=right>TQt 3.3.8</div>
</table></div></address></body>
</html>