1 | /*!
|
---|
2 | \page gallery-gtk.html
|
---|
3 |
|
---|
4 | \title GTK Style Widget Gallery
|
---|
5 | \ingroup gallery
|
---|
6 |
|
---|
7 | This page shows some of the widgets available in Qt
|
---|
8 | when configured to use the "gtk" style.
|
---|
9 |
|
---|
10 | Take a look at the \l{Qt Widget Gallery} to see how Qt
|
---|
11 | applications appear in other styles.
|
---|
12 |
|
---|
13 | \raw HTML
|
---|
14 | <h2 align="center">Buttons</h2>
|
---|
15 |
|
---|
16 | <table align="center" cellspacing="20%" width="100%">
|
---|
17 | <colgroup span="2">
|
---|
18 | <col width="40%" />
|
---|
19 | <col width="40%" />
|
---|
20 | </colgroup>
|
---|
21 | <tr>
|
---|
22 | <td align="center">
|
---|
23 | \endraw
|
---|
24 | \inlineimage gtk-pushbutton.png
|
---|
25 | \raw HTML
|
---|
26 | </td>
|
---|
27 | <td align="center">
|
---|
28 | \endraw
|
---|
29 | \inlineimage gtk-toolbutton.png
|
---|
30 | \raw HTML
|
---|
31 | </td>
|
---|
32 | </tr><tr>
|
---|
33 | <td align="justify" valign="top">
|
---|
34 | \endraw
|
---|
35 | The QPushButton widget provides a command button.\raw HTML
|
---|
36 | </td>
|
---|
37 | <td align="justify" valign="top">
|
---|
38 | \endraw
|
---|
39 | The QToolButton class provides a quick-access button to commands
|
---|
40 | or options, usually used inside a QToolBar.\raw HTML
|
---|
41 | </td>
|
---|
42 | </tr>
|
---|
43 | <tr>
|
---|
44 | <td align="center">
|
---|
45 | \endraw
|
---|
46 | \inlineimage gtk-checkbox.png
|
---|
47 | \raw HTML
|
---|
48 | </td>
|
---|
49 | <td align="center">
|
---|
50 | \endraw
|
---|
51 | \inlineimage gtk-radiobutton.png
|
---|
52 | \raw HTML
|
---|
53 | </td>
|
---|
54 | </tr><tr>
|
---|
55 | <td align="justify" valign="top">
|
---|
56 | \endraw
|
---|
57 | The QCheckBox widget provides a checkbox with a text label.\raw HTML
|
---|
58 | </td>
|
---|
59 | <td align="justify" valign="top">
|
---|
60 | \endraw
|
---|
61 | The QRadioButton widget provides a radio button with a text or pixmap label.\raw HTML
|
---|
62 | </td>
|
---|
63 | </tr>
|
---|
64 | </table>
|
---|
65 | \endraw
|
---|
66 | \raw HTML
|
---|
67 | <h2 align="center">Containers</h2>
|
---|
68 |
|
---|
69 | <table align="center" cellspacing="20%" width="100%">
|
---|
70 | <colgroup span="2">
|
---|
71 | <col width="40%" />
|
---|
72 | <col width="40%" />
|
---|
73 | </colgroup>
|
---|
74 | <tr>
|
---|
75 | <td align="center">
|
---|
76 | \endraw
|
---|
77 | \inlineimage gtk-groupbox.png
|
---|
78 | \raw HTML
|
---|
79 | </td>
|
---|
80 | <td align="center">
|
---|
81 | \endraw
|
---|
82 | \inlineimage gtk-tabwidget.png
|
---|
83 | \raw HTML
|
---|
84 | </td>
|
---|
85 | </tr><tr>
|
---|
86 | <td align="justify" valign="top">
|
---|
87 | \endraw
|
---|
88 | The QGroupBox widget provides a group box frame with a title.\raw HTML
|
---|
89 | </td>
|
---|
90 | <td align="justify" valign="top">
|
---|
91 | \endraw
|
---|
92 | The QTabWidget class provides a stack of tabbed widgets.\raw HTML
|
---|
93 | </td>
|
---|
94 | </tr>
|
---|
95 | <tr>
|
---|
96 | <td align="center">
|
---|
97 | \endraw
|
---|
98 | \inlineimage gtk-toolbox.png
|
---|
99 | \raw HTML
|
---|
100 | </td>
|
---|
101 | <td align="center">
|
---|
102 | \endraw
|
---|
103 | \inlineimage gtk-frame.png
|
---|
104 | \raw HTML
|
---|
105 | </td>
|
---|
106 | </tr><tr>
|
---|
107 | <td align="justify" valign="top">
|
---|
108 | \endraw
|
---|
109 | The QToolBox class provides a column of tabbed widget items.\raw HTML
|
---|
110 | </td>
|
---|
111 | <td align="justify" valign="top">
|
---|
112 | \endraw
|
---|
113 | The QFrame widget provides a simple decorated container for other widgets.\raw HTML
|
---|
114 | </td>
|
---|
115 | </tr>
|
---|
116 | </table>
|
---|
117 | \endraw
|
---|
118 | \raw HTML
|
---|
119 | <h2 align="center">Item Views</h2>
|
---|
120 |
|
---|
121 | <table align="center" cellspacing="20%" width="100%">
|
---|
122 | <colgroup span="2">
|
---|
123 | <col width="40%" />
|
---|
124 | <col width="40%" />
|
---|
125 | </colgroup>
|
---|
126 | <tr>
|
---|
127 | <td align="center">
|
---|
128 | \endraw
|
---|
129 | \inlineimage gtk-listview.png
|
---|
130 | \raw HTML
|
---|
131 | </td>
|
---|
132 | <td align="center">
|
---|
133 | \endraw
|
---|
134 | \inlineimage gtk-treeview.png
|
---|
135 | \raw HTML
|
---|
136 | </td>
|
---|
137 | </tr><tr>
|
---|
138 | <td align="justify" valign="top">
|
---|
139 | \endraw
|
---|
140 | The QListView class provides a default model/view implementation of a list/icon view. The QListWidget class provides a classic item-based list/icon view.\raw HTML
|
---|
141 | </td>
|
---|
142 | <td align="justify" valign="top">
|
---|
143 | \endraw
|
---|
144 | The QTreeView class provides a default model/view implementation of a tree view. The QTreeWidget class provides a classic item-based tree view.\raw HTML
|
---|
145 | </td>
|
---|
146 | </tr>
|
---|
147 | <tr>
|
---|
148 | <td align="center">
|
---|
149 | \endraw
|
---|
150 | \inlineimage gtk-tableview.png
|
---|
151 | \raw HTML
|
---|
152 | </td>
|
---|
153 | </tr><tr>
|
---|
154 | <td align="justify" valign="top">
|
---|
155 | \endraw
|
---|
156 | The QTableView class provides a default model/view implementation of a table view. The QTableWidget class provides a classic item-based table view.\raw HTML
|
---|
157 | </td>
|
---|
158 | <td align="justify" valign="top">
|
---|
159 | \endraw
|
---|
160 | \raw HTML
|
---|
161 | </td>
|
---|
162 | </tr>
|
---|
163 | </table>
|
---|
164 | \endraw
|
---|
165 | \raw HTML
|
---|
166 | <h2 align="center">Display Widgets</h2>
|
---|
167 |
|
---|
168 | <table align="center" cellspacing="20%" width="100%">
|
---|
169 | <colgroup span="2">
|
---|
170 | <col width="40%" />
|
---|
171 | <col width="40%" />
|
---|
172 | </colgroup>
|
---|
173 | <tr>
|
---|
174 | <td align="center">
|
---|
175 | \endraw
|
---|
176 | \inlineimage gtk-progressbar.png
|
---|
177 | \raw HTML
|
---|
178 | </td>
|
---|
179 | <td align="center">
|
---|
180 | \endraw
|
---|
181 | \inlineimage gtk-lcdnumber.png
|
---|
182 | \raw HTML
|
---|
183 | </td>
|
---|
184 | </tr><tr>
|
---|
185 | <td align="justify" valign="top">
|
---|
186 | \endraw
|
---|
187 | The QProgressBar widget provides a horizontal progress bar.\raw HTML
|
---|
188 | </td>
|
---|
189 | <td align="justify" valign="top">
|
---|
190 | \endraw
|
---|
191 | The QLCDNumber widget displays a number with LCD-like digits.\raw HTML
|
---|
192 | </td>
|
---|
193 | </tr>
|
---|
194 | <tr>
|
---|
195 | <td align="center">
|
---|
196 | \endraw
|
---|
197 | \inlineimage gtk-label.png
|
---|
198 | \raw HTML
|
---|
199 | </td>
|
---|
200 | </tr><tr>
|
---|
201 | <td halign="justify" valign="top">
|
---|
202 | \endraw
|
---|
203 | The QLabel widget provides a text or image display.\raw HTML
|
---|
204 | </td>
|
---|
205 | </tr>
|
---|
206 | </table>
|
---|
207 | \endraw
|
---|
208 | \raw HTML
|
---|
209 | <h2 align="center">Input Widgets</h2>
|
---|
210 |
|
---|
211 | <table align="center" cellspacing="20%" width="100%">
|
---|
212 | <colgroup span="2">
|
---|
213 | <col width="40%" />
|
---|
214 | <col width="40%" />
|
---|
215 | </colgroup>
|
---|
216 | <tr>
|
---|
217 | <td align="center">
|
---|
218 | \endraw
|
---|
219 | \inlineimage gtk-slider.png
|
---|
220 | \raw HTML
|
---|
221 | </td>
|
---|
222 | <td align="center">
|
---|
223 | \endraw
|
---|
224 | \inlineimage gtk-lineedit.png
|
---|
225 | \raw HTML
|
---|
226 | </td>
|
---|
227 | </tr><tr>
|
---|
228 | <td align="justify" valign="top">
|
---|
229 | \endraw
|
---|
230 | The QSlider widget provides a vertical or horizontal slider.\raw HTML
|
---|
231 | </td>
|
---|
232 | <td align="justify" valign="top">
|
---|
233 | \endraw
|
---|
234 | The QLineEdit widget is a one-line text editor.\raw HTML
|
---|
235 | </td>
|
---|
236 | </tr>
|
---|
237 | <tr>
|
---|
238 | <td align="center">
|
---|
239 | \endraw
|
---|
240 | \inlineimage gtk-combobox.png
|
---|
241 | \raw HTML
|
---|
242 | </td>
|
---|
243 | <td align="center">
|
---|
244 | \endraw
|
---|
245 | \inlineimage gtk-doublespinbox.png
|
---|
246 | \raw HTML
|
---|
247 | </td>
|
---|
248 | </tr><tr>
|
---|
249 | <td align="justify" valign="top">
|
---|
250 | \endraw
|
---|
251 | The QComboBox widget is a combined button and pop-up list.\raw HTML
|
---|
252 | </td>
|
---|
253 | <td align="justify" valign="top">
|
---|
254 | \endraw
|
---|
255 | The QDoubleSpinBox class provides a spin box widget that allows double precision floating point numbers to be entered.\raw HTML
|
---|
256 | </td>
|
---|
257 | </tr>
|
---|
258 | <tr>
|
---|
259 | <td align="center">
|
---|
260 | \endraw
|
---|
261 | \inlineimage gtk-spinbox.png
|
---|
262 | \raw HTML
|
---|
263 | </td>
|
---|
264 | <td align="center">
|
---|
265 | \endraw
|
---|
266 | \inlineimage gtk-timeedit.png
|
---|
267 | \raw HTML
|
---|
268 | </td>
|
---|
269 | </tr><tr>
|
---|
270 | <td align="justify" valign="top">
|
---|
271 | \endraw
|
---|
272 | The QSpinBox class provides a spin box widget.\raw HTML
|
---|
273 | </td>
|
---|
274 | <td align="justify" valign="top">
|
---|
275 | \endraw
|
---|
276 | The QTimeEdit class provides a widget for editing times.\raw HTML
|
---|
277 | </td>
|
---|
278 | </tr>
|
---|
279 | <tr>
|
---|
280 | <td align="center">
|
---|
281 | \endraw
|
---|
282 | \inlineimage gtk-dateedit.png
|
---|
283 | \raw HTML
|
---|
284 | </td>
|
---|
285 | <td align="center">
|
---|
286 | \endraw
|
---|
287 | \inlineimage gtk-datetimeedit.png
|
---|
288 | \raw HTML
|
---|
289 | </td>
|
---|
290 | </tr><tr>
|
---|
291 | <td align="justify" valign="top">
|
---|
292 | \endraw
|
---|
293 | The QDateEdit class provides a widget for editing dates.\raw HTML
|
---|
294 | </td>
|
---|
295 | <td align="justify" valign="top">
|
---|
296 | \endraw
|
---|
297 | The QDateTimeEdit class provides a widget for editing dates and times.\raw HTML
|
---|
298 | </td>
|
---|
299 | </tr>
|
---|
300 | <tr>
|
---|
301 | <td align="center">
|
---|
302 | \endraw
|
---|
303 | \inlineimage gtk-textedit.png
|
---|
304 | \raw HTML
|
---|
305 | </td>
|
---|
306 | <td align="center">
|
---|
307 | \endraw
|
---|
308 | \inlineimage gtk-horizontalscrollbar.png
|
---|
309 | \raw HTML
|
---|
310 | </td>
|
---|
311 | </tr><tr>
|
---|
312 | <td align="justify" valign="top">
|
---|
313 | \endraw
|
---|
314 | The QTextEdit class provides a widget that is used to edit and
|
---|
315 | display both plain and rich text.\raw HTML
|
---|
316 | </td>
|
---|
317 | <td align="justify" valign="top">
|
---|
318 | \endraw
|
---|
319 | The QScrollBar widget provides a vertical or horizontal scroll bar. Here, we show a scroll bar with horizontal orientation.\raw HTML
|
---|
320 | </td>
|
---|
321 | </tr>
|
---|
322 | <tr>
|
---|
323 | <td align="center">
|
---|
324 | \endraw
|
---|
325 | \inlineimage gtk-dial.png
|
---|
326 | \raw HTML
|
---|
327 | </td>
|
---|
328 | <td align="center">
|
---|
329 | \endraw
|
---|
330 | \inlineimage gtk-calendarwidget.png
|
---|
331 | \raw HTML
|
---|
332 | </td>
|
---|
333 | </tr><tr>
|
---|
334 | <td align="justify" valign="top">
|
---|
335 | \endraw
|
---|
336 | The QDial class provides a rounded range control (like a
|
---|
337 | speedometer or potentiometer).\raw HTML
|
---|
338 | </td>
|
---|
339 | <td align="justify" valign="top">
|
---|
340 | \endraw
|
---|
341 | The QCalendarWidget class provides a monthly calendar widget that can be used to select dates.\raw HTML
|
---|
342 | </td>
|
---|
343 | </tr>
|
---|
344 | <tr>
|
---|
345 | <td align="center">
|
---|
346 | \endraw
|
---|
347 | \inlineimage gtk-fontcombobox.png
|
---|
348 | \raw HTML
|
---|
349 | </td>
|
---|
350 | </tr><tr>
|
---|
351 | <td halign="justify" valign="top">
|
---|
352 | \endraw
|
---|
353 | The QFontComboBox widget is a specialized combobox that enables fonts to be selected from a pop-up list containing previews of available fonts.\raw HTML
|
---|
354 | </td>
|
---|
355 | </tr>
|
---|
356 | </table>
|
---|
357 | \endraw
|
---|
358 | */
|
---|