~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="classes.html"><font color="#004faf">All Classes</font></a> · <a href="mainclasses.html"><font color="#004faf">Main Classes</font></a> · <a href="annotated.html"><font color="#004faf">Annotated</font></a> · <a href="groups.html"><font color="#004faf">Grouped Classes</font></a> · <a href="functions.html"><font color="#004faf">Functions</font></a></td>

[Previous: <a href="designer-using-containers.html">Using Containers in Qt Designer</a>]

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

[Next: <a href="designer-buddy-mode.html">Qt Designer's Buddy Editing Mode</a>]

</p>

<h1 align="center">Editing Signals and Slots</h1>

<center><img src="images/designer-connection-mode.png" /></center><p><i>Qt Designer</i>'s connection editing mode allows objects in a form to be connected together using Qt's signals and slots mechanism. Both widgets and layout objects can be connected via an intuitive connection interface, and <i>Qt Designer</i> will present a menu of compatible signals and slots to use for each connection made. When the form is saved, the connections are preserved so that they will be ready for use when your project is built.</p>

<ul><li><a href="#connecting-objects">Connecting Objects</a></li>

<li><a href="#editing-and-deleting-connections">Editing and Deleting Connections</a></li>

</ul>

<h2>Connecting Objects</h2>

<p>To begin connecting objects, enter connection mode by opening the <b>Edit</b> menu and selecting <b>Edit Signals/Slots</b>, or by pressing the <b>F4</b> key. All widgets and layout objects on the form can be connected together. Spacers just provide spacing hints to layouts, so they cannot be connected to other objects.</p>

<tr valign="top" bgcolor="#f0f0f0"><td><img src="images/designer-connection-highlight.png" /></td><td><b>Highlighted objects</b><p>When the cursor is over an object that can be used in a connection, the object will be highlighted, and can be connected to other objects on the form.</p>

</td></tr>

</table>

<p>To make a connection, hold down the left mouse button over a highlighted object, and drag the cursor towards the object you want to connect it to. As you do this, a line will extend from the source object to the cursor. If the cursor is over another object on the form, the line will end with an arrow head that points to the destination object, indicating that a connection will be made between the two objects when you release the mouse button.</p>

<p>You can abandon the connection at any point while you are dragging the connection path by pressing <b>Escape</b>.</p>

<tr valign="top" bgcolor="#f0f0f0"><td><img src="images/designer-connection-making.png" /></td><td><b>Making a connection</b><p>The connection path changes shape as the cursor moves around the form. As it passes over objects, they are highlighted, indicating that they can be used in a signals and slots connection.</p>

</td></tr>

</table>

<p>When you are satisfied that the correct objects will be connected, release the mouse button to make the connection. A dialog displays the signals from the source object and the slots from the destination object that can be used to connect the two objects.</p>

<p>To complete the connection, select a signal from the source object and a slot from the destination object, then click the <b>OK</b> button. Click <b>Cancel</b> if you wish to abandon the connection.</p>

<tr valign="top" bgcolor="#f0f0f0"><td><img src="images/designer-connection-dialog.png" /></td><td><b>Choosing signals and slots</b><p>The <b>Configure Connection</b> dialog presents the signals that can be emitted by the source object alongside a list of compatible slots in the destination object. When you select a signal, the dialog automatically updates the list of compatible slots to ensure that a valid connection is made.</p>

<p>If the <b>Show all signals and slots</b> checkbox is selected, all available signals from the source object are shown. The list of available slots in the destination object is updated to show all the slots that are compatible with the currently selected signal.</p>

</td></tr>

</table>

<p>You can make as many connections as you like between objects on the form, and it is possible to connect signals from objects to slots in the form itself. As a result, the signal and slot connections in many dialogs can be completely configured from within <i>Qt Designer</i>.</p>

<tr valign="top" bgcolor="#f0f0f0"><td><img src="images/designer-connection-to-form.png" /></td><td><b>Connecting to a form</b><p>Connections can be made between objects on the form and the form itself. Instead of dragging a connection path to another object, position the cursor over the form and release the mouse button.</p>

<p>To make it clear that the connection will be made with the form itself, the end point of the connection changes to an electrical "ground" symbol.</p>

</td></tr>

</table>

<h2>Editing and Deleting Connections</h2>

<p>By default, connection paths are created with two labels that show the signal and slot involved in the connection. These labels are usually oriented along the line of the connection, and they can be moved around inside their host widgets by dragging the red square at each end of the connection path.</p>

<p>The signal and slot used in a connection can be changed after it has been set up. To do this, simply double click on the connection path or one of its labels, and select the signal and slot to be used in the connection dialog.</p>

<tr valign="top" bgcolor="#f0f0f0"><td><img src="images/designer-connection-editing.png" /></td><td><b>Deleting connections</b><p>The whole connection can be selected by clicking on any of the path segments. Once selected, connections can be deleted with the <b>Delete</b> key, and they will not be set up in the .ui file.</p>

</td></tr>

</table>

<p>

[Previous: <a href="designer-using-containers.html">Using Containers in Qt Designer</a>]

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

[Next: <a href="designer-buddy-mode.html">Qt Designer's Buddy Editing Mode</a>]

</p>

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

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

</html>

Older »