doc/html/motif-walkthrough-4.html


1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102

<!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/extensions/motif/doc/walkthrough.doc:561 -->
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
<title>Using Custom QDialogs</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><h1 align=center>Using Custom QDialogs</h1>


[ <a href="motif-walkthrough-3.html">Previous: Using Qt Standard Dialogs</a> ]
[ <a href="motif-walkthrough.html">Home</a> ]
[ <a href="motif-walkthrough-5.html">Next: Using Existing Dialogs with QMotifDialog</a> ]
<p> After we have replaced the standard dialogs, we move onto the custom
dialogs.  This project has a single custom dialog: the <em>Page Edit</em>
dialog.
<p> Instead of writing the code ourselves, we use <a href="designer-manual.html">Qt Designer</a> to design our dialog. 
Designing a custom dialog is beyond the scope of
this document: see the <a href="designer-manual.html">Qt Designer Manual</a> if you're unfamiliar
with Qt's visual design tool.
<p> <h2> Replacing the <em>Page Edit</em> Dialog
</h2>
<a name="1"></a><p> The custom <a href="qdialog.html">QDialog</a> description for the <em>Page Edit</em> dialog is saved
as <tt>pageeditdialog.ui</tt>.  We add this file to the project file by
adding the line
<pre>
FORMS = pageeditdialog.ui
</pre>
 
to the <tt>.pro</tt> file, and regenerate the <tt>Makefile</tt>.  The <em>uic</em>
utility generates the code for our custom QDialog, which is then
compiled and linked into our application. (<em>uic</em> is invoked
automatically from makefiles generated from <tt>.pro</tt> files.)
<p> We need to pass the top-level <a href="qmotifwidget.html">QMotifWidget</a> as the <em>client_data</em>
argument to the <tt>EditPage</tt> function, which we will use as the parent
for our new <tt>PageEditDialog</tt>.  We do this the same way as we have
done for the <em>Open</em> and <em>Save As</em> dialogs in <tt>todo.cpp</tt>.
<p> 

<p> <pre></pre>
<p> The <tt>EditPage()</tt> function is implemented in <tt>actions.cpp</tt>.  We start
by adding the includes needed for the <tt>PageEditDialog</tt> and <a href="qlineedit.html">QLineEdit</a>.
<p> 

<p> <pre></pre>
<p> In the <tt>EditPage()</tt> function, We create the <tt>PageEditDialog</tt>, set
the initial values of the three QLineEdit widgets with values from the
current page and execute the dialog.
<p> <pre></pre><pre>
    ...
</pre>
 
<p> At this point in the code, the page properties should be modified. The
code to do this is in the <tt>DoEditPage()</tt> function. We move the
contents of <tt>DoEditPage()</tt> to this point and remove the <tt>DoEditPage()</tt> function completely.
<p> The <tt>Page</tt> struct defined in <tt>page.h</tt> stores strings in <tt>char*</tt>
arrays.  Since the PageEditDialog and the data it contains will be
destroyed when we return from this function, we need to convert the
unicode <a href="qstring.html">QString</a> data into a <a href="qcstring.html">QCString</a> in the local encoding and
duplicate it with <a href="qcstring.html#qstrdup">qstrdup</a>().
<p> <pre></pre>
<p> The same process must be done for the minorTab text:
<p> <pre></pre>
<p> ... and for the majorTab text:
<p> <pre></pre>
<p> [ <a href="motif-walkthrough-3.html">Previous: Using Qt Standard Dialogs</a> ]
[ <a href="motif-walkthrough.html">Home</a> ]
[ <a href="motif-walkthrough-5.html">Next: Using Existing Dialogs with QMotifDialog</a> ]
<p> 
<!-- eof -->
<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>Qt 3.3.8</div>
</table></div></address></body>
</html>