1
<?xml version="1.0" encoding="UTF-8"?>
2
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
3
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en_US" lang="en_US">
5
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
6
<!-- gallery-windowsxp.qdoc -->
7
<title>Qt 4.7: Windows XP Style Widget Gallery</title>
8
<link rel="stylesheet" type="text/css" href="style/style.css" />
9
<script src="scripts/jquery.js" type="text/javascript"></script>
10
<script src="scripts/functions.js" type="text/javascript"></script>
12
<body class="offline narrow creator">
13
<div class="header" id="qtdocheader">
16
<a href="index.html">Home</a></div>
17
<a href="index.html" class="qtref"><span>Qt Reference Documentation</span></a>
18
<div id="nav-topright">
20
<li class="nav-topright-home"><a href="http://qt.nokia.com/">Qt HOME</a></li>
21
<li class="nav-topright-dev"><a href="http://developer.qt.nokia.com/">DEV</a></li>
22
<li class="nav-topright-labs"><a href="http://labs.qt.nokia.com/blogs/">LABS</a></li>
23
<li class="nav-topright-doc nav-topright-doc-active"><a href="http://doc.qt.nokia.com/">
25
<li class="nav-topright-blog"><a href="http://blog.qt.nokia.com/">BLOG</a></li>
30
<li class="shortCut-topleft-inactive"><span><a href="index.html">Qt 4.7</a></span></li>
31
<li class="shortCut-topleft-active"><a href="http://doc.qt.nokia.com">ALL VERSIONS </a></li>
34
<ul class="sf-menu sf-js-enabled sf-shadow" id="narrowmenu">
35
<li><a href="#">API Lookup</a>
37
<li><a href="classes.html">Class index</a></li>
38
<li><a href="functions.html">Function index</a></li>
39
<li><a href="modules.html">Modules</a></li>
40
<li><a href="namespaces.html">Namespaces</a></li>
41
<li><a href="qtglobal.html">Global Declarations</a></li>
42
<li><a href="licensing.html">Licenses and Credits</a></li>
45
<li><a href="#">Qt Topics</a>
46
<ul id="topmenuTopic">
47
<li><a href="qt-basic-concepts.html">Programming with Qt</a></li>
48
<li><a href="qtquick.html">Device UI's & Qt Quick</a></li>
49
<li><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
50
<li><a href="developing-with-qt.html">Cross-platform and Platform-specific</a></li>
51
<li><a href="platform-specific.html">Platform-specific info</a></li>
52
<li><a href="technology-apis.html">Qt and Key Technologies</a></li>
53
<li><a href="best-practices.html">How-To's and Best Practices</a></li>
56
<li><a href="#">Examples</a>
57
<ul id="topmenuexample">
58
<li><a href="all-examples.html">Examples</a></li>
59
<li><a href="tutorials.html">Tutorials</a></li>
60
<li><a href="demos.html">Demos</a></li>
61
<li><a href="qdeclarativeexamples.html">QML Examples</a></li>
71
<div class="bd group">
73
<div class="searchlabel">
76
<form id="qtdocsearch" action="" onsubmit="return false;">
78
<input type="text" name="searchstring" id="pageType" value="" />
82
<div class="box first bottombar" id="lookup">
83
<h2 title="API Lookup"><span></span>
85
<div id="list001" class="list">
87
<li class="defaultLink"><a href="classes.html">Class index</a></li>
88
<li class="defaultLink"><a href="functions.html">Function index</a></li>
89
<li class="defaultLink"><a href="modules.html">Modules</a></li>
90
<li class="defaultLink"><a href="namespaces.html">Namespaces</a></li>
91
<li class="defaultLink"><a href="qtglobal.html">Global Declarations</a></li>
92
<li class="defaultLink"><a href="qdeclarativeelements.html">QML elements</a></li>
96
<div class="box bottombar" id="topics">
97
<h2 title="Qt Topics"><span></span>
99
<div id="list002" class="list">
101
<li class="defaultLink"><a href="qt-basic-concepts.html">Programming with Qt</a></li>
102
<li class="defaultLink"><a href="qtquick.html">Device UI's & Qt Quick</a></li>
103
<li class="defaultLink"><a href="qt-gui-concepts.html">UI Design with Qt</a></li>
104
<li class="defaultLink"><a href="developing-with-qt.html">Cross-platform and Platform-specific</a></li>
105
<li class="defaultLink"><a href="platform-specific.html">Platform-specific info</a></li>
106
<li class="defaultLink"><a href="technology-apis.html">Qt and Key Technologies</a></li>
107
<li class="defaultLink"><a href="best-practices.html">How-To's and Best Practices</a></li>
111
<div class="box" id="examples">
112
<h2 title="Examples"><span></span>
114
<div id="list003" class="list">
116
<li class="defaultLink"><a href="all-examples.html">Examples</a></li>
117
<li class="defaultLink"><a href="tutorials.html">Tutorials</a></li>
118
<li class="defaultLink"><a href="demos.html">Demos</a></li>
119
<li class="defaultLink"><a href="qdeclarativeexamples.html">QML Examples</a></li>
125
<div class="toolbar">
126
<div class="breadcrumb toolblock">
128
<li class="first"><a href="index.html">Home</a></li>
129
<!-- Bread crumbs goes here -->
130
<li>Windows XP Style Widget Gallery</li> </ul>
132
<div class="toolbuttons toolblock">
134
<li id="smallA" class="t_button">A</li>
135
<li id="medA" class="t_button active">A</li>
136
<li id="bigA" class="t_button">A</li>
137
<li id="print" class="t_button"><a href="javascript:this.print();">
138
<span>Print</span></a></li>
142
<div class="content">
143
<h1 class="title">Windows XP Style Widget Gallery</h1>
144
<span class="subtitle"></span>
145
<!-- $$$gallery-windowsxp.html-description -->
146
<div class="descr"> <a name="details"></a>
147
<p>This page shows some of the widgets available in Qt when configured to use the "windowsxp" style.</p>
148
<h2 align="center">Buttons</h2>
150
<table align="center" cellspacing="20%" width="100%">
157
<p><img src="images/windowsxp-pushbutton.png" /></p>
160
<p><img src="images/windowsxp-toolbutton.png" /></p>
163
<td halign="justify" valign="top">
164
<p>The <a href="qpushbutton.html">QPushButton</a> widget provides a command button.</p>
166
<td halign="justify" valign="top">
167
<p>The <a href="qtoolbutton.html">QToolButton</a> class provides a quick-access button to commands or options, usually used inside a <a href="qtoolbar.html">QToolBar</a>.</p>
172
<p><img src="images/windowsxp-checkbox.png" /></p>
175
<p><img src="images/windowsxp-radiobutton.png" /></p>
178
<td halign="justify" valign="top">
179
<p>The <a href="qcheckbox.html">QCheckBox</a> widget provides a checkbox with a text label.</p>
181
<td halign="justify" valign="top">
182
<p>The <a href="qradiobutton.html">QRadioButton</a> widget provides a radio button with a text or pixmap label.</p>
186
<h2 align="center">Containers</h2>
188
<table align="center" cellspacing="20%" width="100%">
195
<p><img src="images/windowsxp-groupbox.png" /></p>
198
<p><img src="images/windowsxp-tabwidget.png" /></p>
201
<td halign="justify" valign="top">
202
<p>The <a href="qgroupbox.html">QGroupBox</a> widget provides a group box frame with a title.</p>
204
<td halign="justify" valign="top">
205
<p>The <a href="qtabwidget.html">QTabWidget</a> class provides a stack of tabbed widgets.</p>
210
<p><img src="images/windowsxp-frame.png" /></p>
213
<p><img src="images/windowsxp-toolbox.png" /></p>
216
<td halign="justify" valign="top">
217
<p>The <a href="qframe.html">QFrame</a> widget provides a simple decorated container for other widgets.</p>
219
<td halign="justify" valign="top">
220
<p>The <a href="qtoolbox.html">QToolBox</a> class provides a column of tabbed widget items.</p>
224
<h2 align="center">Item Views</h2>
226
<table align="center" cellspacing="20%" width="100%">
233
<p><img src="images/windowsxp-listview.png" /></p>
236
<p><img src="images/windowsxp-treeview.png" /></p>
239
<td halign="justify" valign="top">
240
<p>The <a href="qlistview.html">QListView</a> class provides a default model/view implementation of a list/icon view. The <a href="qlistwidget.html">QListWidget</a> class provides a classic item-based list/icon view.</p>
242
<td halign="justify" valign="top">
243
<p>The <a href="qtreeview.html">QTreeView</a> class provides a default model/view implementation of a tree view. The <a href="qtreewidget.html">QTreeWidget</a> class provides a classic item-based tree view.</p>
248
<p><img src="images/windowsxp-tableview.png" /></p>
251
<td halign="justify" valign="top">
252
<p>The <a href="qtableview.html">QTableView</a> class provides a default model/view implementation of a table view. The <a href="qtablewidget.html">QTableWidget</a> class provides a classic item-based table view.</p>
256
<h2 align="center">Display Widgets</h2>
258
<table align="center" cellspacing="20%" width="100%">
265
<p><img src="images/windowsxp-progressbar.png" /></p>
268
<p><img src="images/windowsxp-lcdnumber.png" /></p>
271
<td halign="justify" valign="top">
272
<p>The <a href="qprogressbar.html">QProgressBar</a> widget provides a horizontal progress bar.</p>
274
<td halign="justify" valign="top">
275
<p>The <a href="qlcdnumber.html">QLCDNumber</a> widget displays a number with LCD-like digits.</p>
280
<p><img src="images/windowsxp-label.png" /></p>
283
<td halign="justify" valign="top">
284
<p>The <a href="qlabel.html">QLabel</a> widget provides a text or image display.</p>
288
<h2 align="center">Input Widgets</h2>
290
<table align="center" cellspacing="20%" width="100%">
297
<p><img src="images/windowsxp-slider.png" /></p>
300
<p><img src="images/windowsxp-lineedit.png" /></p>
303
<td halign="justify" valign="top">
304
<p>The <a href="qslider.html">QSlider</a> widget provides a vertical or horizontal slider.</p>
306
<td halign="justify" valign="top">
307
<p>The <a href="qlineedit.html">QLineEdit</a> widget is a one-line text editor.</p>
312
<p><img src="images/windowsxp-combobox.png" /></p>
315
<p><img src="images/windowsxp-doublespinbox.png" /></p>
318
<td halign="justify" valign="top">
319
<p>The <a href="qcombobox.html">QComboBox</a> widget is a combined button and pop-up list.</p>
321
<td halign="justify" valign="top">
322
<p>The <a href="qdoublespinbox.html">QDoubleSpinBox</a> class provides a spin box widget that allows double precision floating point numbers to be entered.</p>
327
<p><img src="images/windowsxp-spinbox.png" /></p>
330
<p><img src="images/windowsxp-timeedit.png" /></p>
333
<td halign="justify" valign="top">
334
<p>The <a href="qspinbox.html">QSpinBox</a> class provides a spin box widget.</p>
336
<td halign="justify" valign="top">
337
<p>The <a href="qtimeedit.html">QTimeEdit</a> class provides a widget for editing times.</p>
342
<p><img src="images/windowsxp-dateedit.png" /></p>
345
<p><img src="images/windowsxp-datetimeedit.png" /></p>
348
<td halign="justify" valign="top">
349
<p>The <a href="qdateedit.html">QDateEdit</a> class provides a widget for editing dates.</p>
351
<td halign="justify" valign="top">
352
<p>The <a href="qdatetimeedit.html">QDateTimeEdit</a> class provides a widget for editing dates and times.</p>
357
<p><img src="images/windowsxp-textedit.png" /></p>
360
<p><img src="images/windowsxp-horizontalscrollbar.png" /></p>
363
<td halign="justify" valign="top">
364
<p>The <a href="qtextedit.html">QTextEdit</a> class provides a widget that is used to edit and display both plain and rich text.</p>
366
<td halign="justify" valign="top">
367
<p>The <a href="qscrollbar.html">QScrollBar</a> widget provides a vertical or horizontal scroll bar. Here, we show a scroll bar with horizontal orientation.</p>
372
<p><img src="images/windowsxp-dial.png" /></p>
375
<p><img src="images/windowsxp-calendarwidget.png" /></p>
378
<td halign="justify" valign="top">
379
<p>The <a href="qdial.html">QDial</a> class provides a rounded range control (like a speedometer or potentiometer).</p>
381
<td halign="justify" valign="top">
382
<p>The <a href="qcalendarwidget.html">QCalendarWidget</a> class provides a monthly calendar widget that can be used to select dates.</p>
387
<p><img src="images/windowsxp-fontcombobox.png" /></p>
390
<td halign="justify" valign="top">
391
<p>The <a href="qfontcombobox.html">QFontComboBox</a> widget is a specialized combobox that enables fonts to be selected from a pop-up list containing previews of available fonts.</p>
396
<!-- @@@gallery-windowsxp.html -->
397
<div class="feedback t_button">
398
[+] Documentation Feedback</div>
408
<acronym title="Copyright">©</acronym> 2008-2010 Nokia Corporation and/or its
409
subsidiaries. Nokia, Qt and their respective logos are trademarks of Nokia Corporation
410
in Finland and/or other countries worldwide.</p>
412
All other trademarks are property of their respective owners. <a title="Privacy Policy"
413
href="http://qt.nokia.com/about/privacy-policy">Privacy Policy</a></p>
416
Licensees holding valid Qt Commercial licenses may use this document in accordance with the Qt Commercial License Agreement provided with the Software or, alternatively, in accordance with the terms contained in a written agreement between you and Nokia.</p>
418
Alternatively, this document may be used under the terms of the <a href="http://www.gnu.org/licenses/fdl.html">GNU
419
Free Documentation License version 1.3</a>
420
as published by the Free Software Foundation.</p>
422
<div id="feedbackBox">
423
<div id="feedcloseX" class="feedclose t_button">X</div>
424
<form id="feedform" action="http://doc.qt.nokia.com/docFeedbck/feedback.php" method="get">
425
<p id="noteHead">Thank you for giving your feedback.</p> <p class="note">Make sure it is related to this specific page. For more general bugs and
426
requests, please use the <a href="http://bugreports.qt.nokia.com/secure/Dashboard.jspa">Qt Bug Tracker</a>.</p>
427
<p><textarea id="feedbox" name="feedText" rows="5" cols="40"></textarea></p>
428
<p><input id="feedsubmit" class="feedclose" type="submit" name="feedback" /></p>