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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
|
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<title>libQGLViewer interface example</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="../qglviewer.css" rel="stylesheet" type="text/css" />
<link rel="shortcut icon" href="../images/qglviewer.ico" type="image/x-icon" />
<link rel="icon" href="../images/qglviewer.icon.png" type="image/png" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-23223012-2']);
_gaq.push(['_trackPageview']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
</head>
<body>
<div class="banner">
<a class="qindex" href="../index.html">Home</a>
<a class="qindex" href="../download.html">Download</a>
<a class="qindex highlight" href="index.html">Gallery</a>
<a class="qindex" href="../refManual/hierarchy.html">Documentation</a>
<a class="qindex" href="../developer.html">Developer</a>
</div>
<h1>The interface example</h1>
<center>
<img src="../images/interface.jpg" width="330" height="228" alt="interface"/>
</center>
<p>
Adding a graphical user interface around a <code>QGLViewer</code>.
</p>
<p>
Qt's <code>designer</code> has been used to create a very simple interface example, described by a
<code>.ui</code> user interface description file.
</p>
<p>
Install the QGLViewer designer plugin so that the QGLViewer appears in the designer's widgets
tabs. You can then connect signals and slots to and from the viewer. The viewer is fully
functional and can be manipulated when you test your interface in <code>designer</code>.
</p>
<p>
The plugin code is in the <code>designerPlugin</code> directory. Start from there to create
plugins for the classes you will derive from QGLViewer. Select your architecture in the <a
href="../download.html">download page</a> for details on the plugin compilation and installation.
</p>
<p>
Here we use three slots and three signals (axis, grid and fps) to connect to and from the
interface and the viewer.
</p>
<h2>interface.h</h2>
<pre>
#include <QGLViewer/qglviewer.h>
class Viewer : public QGLViewer {
public:
Viewer(QWidget *parent);
protected:
virtual void draw();
virtual QString helpString() const;
};
</pre>
<h2>interface.cpp</h2>
<pre>
#include "interface.h"
#include <math.h>
// Constructor must call the base class constructor.
Viewer::Viewer(QWidget *parent) : QGLViewer(parent) {
restoreStateFromFile();
help();
}
void Viewer::draw() {
// Draws a spiral
const float nbSteps = 200.0;
glBegin(GL_QUAD_STRIP);
for (float i = 0; i < nbSteps; ++i) {
float ratio = i / nbSteps;
float angle = 21.0 * ratio;
float c = cos(angle);
float s = sin(angle);
float r1 = 1.0 - 0.8 * ratio;
float r2 = 0.8 - 0.8 * ratio;
float alt = ratio - 0.5;
const float nor = .5;
const float up = sqrt(1.0 - nor * nor);
glColor3f(1.0 - ratio, 0.2f, ratio);
glNormal3f(nor * c, up, nor * s);
glVertex3f(r1 * c, alt, r1 * s);
glVertex3f(r2 * c, alt + 0.05, r2 * s);
}
glEnd();
}
QString Viewer::helpString() const {
QString text("<h2>I n t e r f a c e</h2>");
text += "A GUI can be added to a QGLViewer widget using Qt's "
"<i>Designer</i>. Signals and slots ";
text += "can then be connected to and from the viewer.<br><br>";
text += "You can install the QGLViewer designer plugin to make the QGLViewer "
"appear as a ";
text += "standard Qt widget in the Designer's widget tabs. See installation "
"pages for details.";
return text;
}
</pre>
<h2>main.cpp</h2>
<pre>
#include <qapplication.h>
#include "ui_viewerInterface.h"
class ViewerInterface : public QDialog, public Ui::Dialog {
public:
ViewerInterface() { setupUi(this); }
};
int main(int argc, char **argv) {
QApplication application(argc, argv);
ViewerInterface vi;
vi.setWindowTitle("interface");
vi.show();
return application.exec();
}
</pre>
<p>
Back to the <a href="index.html">examples main page</a>.
</p>
</body>
</html>
|
