author | Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com> |
Fri, 19 Feb 2010 23:40:16 +0200 | |
branch | RCL_3 |
changeset 4 | 3b1da2848fc7 |
parent 3 | 41300fa6a67c |
permissions | -rw-r--r-- |
0 | 1 |
/**************************************************************************** |
2 |
** |
|
4
3b1da2848fc7
Revision: 201003
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
3
diff
changeset
|
3 |
** Copyright (C) 2010 Nokia Corporation and/or its subsidiary(-ies). |
0 | 4 |
** All rights reserved. |
5 |
** Contact: Nokia Corporation (qt-info@nokia.com) |
|
6 |
** |
|
7 |
** This file is part of the tools applications of the Qt Toolkit. |
|
8 |
** |
|
9 |
** $QT_BEGIN_LICENSE:LGPL$ |
|
10 |
** No Commercial Usage |
|
11 |
** This file contains pre-release code and may not be distributed. |
|
12 |
** You may use this file in accordance with the terms and conditions |
|
13 |
** contained in the Technology Preview License Agreement accompanying |
|
14 |
** this package. |
|
15 |
** |
|
16 |
** GNU Lesser General Public License Usage |
|
17 |
** Alternatively, this file may be used under the terms of the GNU Lesser |
|
18 |
** General Public License version 2.1 as published by the Free Software |
|
19 |
** Foundation and appearing in the file LICENSE.LGPL included in the |
|
20 |
** packaging of this file. Please review the following information to |
|
21 |
** ensure the GNU Lesser General Public License version 2.1 requirements |
|
22 |
** will be met: http://www.gnu.org/licenses/old-licenses/lgpl-2.1.html. |
|
23 |
** |
|
24 |
** In addition, as a special exception, Nokia gives you certain additional |
|
25 |
** rights. These rights are described in the Nokia Qt LGPL Exception |
|
26 |
** version 1.1, included in the file LGPL_EXCEPTION.txt in this package. |
|
27 |
** |
|
28 |
** If you have questions regarding the use of this file, please contact |
|
29 |
** Nokia at qt-info@nokia.com. |
|
30 |
** |
|
31 |
** |
|
32 |
** |
|
33 |
** |
|
34 |
** |
|
35 |
** |
|
36 |
** |
|
37 |
** |
|
38 |
** $QT_END_LICENSE$ |
|
39 |
** |
|
40 |
****************************************************************************/ |
|
41 |
||
42 |
#include "qtgradientdialog.h" |
|
43 |
#include "ui_qtgradientdialog.h" |
|
44 |
#include <QtGui/QPushButton> |
|
45 |
||
46 |
QT_BEGIN_NAMESPACE |
|
47 |
||
48 |
class QtGradientDialogPrivate |
|
49 |
{ |
|
50 |
QtGradientDialog *q_ptr; |
|
51 |
Q_DECLARE_PUBLIC(QtGradientDialog) |
|
52 |
public: |
|
53 |
||
54 |
void slotAboutToShowDetails(bool details, int extensionWidthHint); |
|
55 |
||
56 |
Ui::QtGradientDialog m_ui; |
|
57 |
}; |
|
58 |
||
59 |
void QtGradientDialogPrivate::slotAboutToShowDetails(bool details, int extensionWidthHint) |
|
60 |
{ |
|
61 |
if (details) { |
|
62 |
q_ptr->resize(q_ptr->size() + QSize(extensionWidthHint, 0)); |
|
63 |
} else { |
|
64 |
q_ptr->setMinimumSize(1, 1); |
|
65 |
q_ptr->resize(q_ptr->size() - QSize(extensionWidthHint, 0)); |
|
66 |
q_ptr->setMinimumSize(0, 0); |
|
67 |
} |
|
68 |
} |
|
69 |
||
70 |
/*! |
|
71 |
\class QtGradientDialog |
|
72 |
||
73 |
\brief The QtGradientDialog class provides a dialog for specifying gradients. |
|
74 |
||
75 |
The gradient dialog's function is to allow users to edit gradients. |
|
76 |
For example, you might use this in a drawing program to allow the user to set the brush gradient. |
|
77 |
||
78 |
\table |
|
79 |
\row |
|
80 |
\o \inlineimage qtgradientdialog.png |
|
81 |
\o \inlineimage qtgradientdialogextension.png |
|
82 |
\header |
|
83 |
\o Details extension hidden |
|
84 |
\o Details extension visible |
|
85 |
\endtable |
|
86 |
||
87 |
Starting from the top of the dialog there are several buttons: |
|
88 |
||
89 |
\image qtgradientdialogtopbuttons.png |
|
90 |
||
91 |
The first three buttons allow for changing a type of the gradient (QGradient::Type), while the second three allow for |
|
92 |
changing spread of the gradient (QGradient::Spread). The last button shows or hides the details extension of the dialog. |
|
93 |
Conceptually the default view with hidden details provides the full functional control over gradient editing. |
|
94 |
The additional extension with details allows to set gradient's parameters more precisely. The visibility |
|
95 |
of extension can be controlled by detailsVisible property. Moreover, if you don't want the user to |
|
96 |
switch on or off the visibility of extension you can set the detailsButtonVisible property to false. |
|
97 |
||
98 |
Below top buttons there is an area where edited gradient is interactively previewed. |
|
99 |
In addition the user can edit gradient type's specific parameters directly in this area by dragging |
|
100 |
appropriate handles. |
|
101 |
||
102 |
\table |
|
103 |
\row |
|
104 |
\o \inlineimage qtgradientdialoglineareditor.png |
|
105 |
\o \inlineimage qtgradientdialogradialeditor.png |
|
106 |
\o \inlineimage qtgradientdialogconicaleditor.png |
|
107 |
\header |
|
108 |
\o Editing linear type |
|
109 |
\o Editing radial type |
|
110 |
\o Editing conical type |
|
111 |
\row |
|
112 |
\o The user can change the start and final point positions by dragging the circular handles. |
|
113 |
\o The user can change the center and focal point positions by dragging the circular handles |
|
114 |
and can change the gradient's radius by dragging horizontal or vertical line. |
|
115 |
\o The user can change the center point by dragging the circular handle |
|
116 |
and can change the gradient's angle by dragging the big wheel. |
|
117 |
\endtable |
|
118 |
||
119 |
In the middle of the dialog there is an area where the user can edit gradient stops. |
|
120 |
||
121 |
\table |
|
122 |
\row |
|
123 |
\o \inlineimage qtgradientdialogstops.png |
|
124 |
\o \inlineimage qtgradientdialogstopszoomed.png |
|
125 |
\endtable |
|
126 |
||
127 |
The top part of this area contains stop handles, and bottom part shows the preview of gradient stops path. |
|
128 |
In order to create a new gradient stop double click inside the view over the desired position. |
|
129 |
If you double click on existing stop handle in the top part of the view, clicked handle will be duplicated |
|
130 |
(duplicate will contain the same color). |
|
131 |
The stop can be activated by clicking on its handle. You can activate previous or next stop by pressing |
|
132 |
left or right key respectively. To jump to the first or last stop press home or end key respectively. |
|
133 |
The gradient stops editor supports multiselection. |
|
134 |
Clicking a handle holding the shift modifier key down will select a range of stops between |
|
135 |
the active stop and clicked one. Clicking a handle holding control modifier key down will remove from or |
|
136 |
add to selection the clicked stop depending if it was or wasn't already selected respectively. |
|
137 |
Multiselection can also be created using rubberband (by pressing the left mouse button outside |
|
138 |
of any handle and dragging). |
|
139 |
Sometimes it's hard to select a stop because its handle can be partially covered by other handle. |
|
140 |
In that case the user can zoom in the view by spinning mouse wheel. |
|
141 |
The selected stop handles can be moved by drag & drop. In order to remove selected stops press delete key. |
|
142 |
For convenience context menu is provided with the following actions: |
|
143 |
||
144 |
\list |
|
145 |
\o New Stop - creates a new gradient stop |
|
146 |
\o Delete - removes the active and all selected stops |
|
147 |
\o Flip All - mirrors all stops |
|
148 |
\o Select All - selects all stops |
|
149 |
\o Zoom In - zooms in |
|
150 |
\o Zoom Out - zooms out |
|
151 |
\o Zoom All - goes back to original 100% zoom |
|
152 |
\endlist |
|
153 |
||
154 |
The bottom part of the QtGradientDialog contains a set of widgets allowing to control the color of |
|
155 |
the active and selected stops. |
|
156 |
||
157 |
\table |
|
158 |
\row |
|
159 |
\o \inlineimage qtgradientdialogcolorhsv.png |
|
160 |
\o \inlineimage qtgradientdialogcolorrgb.png |
|
161 |
\endtable |
|
162 |
||
163 |
||
164 |
The color button shows the color of the active gradient stop. It also allows for choosing |
|
165 |
a color from standard color dialog and applying it to the |
|
166 |
active stop and all selected stops. It's also possible to drag a color directly from the color button |
|
167 |
and to drop it in gradient stops editor at desired position (it will create new stop with dragged color) |
|
168 |
or at desired stop handle (it will change the color of that handle). |
|
169 |
||
170 |
To the right of color button there is a set of 2 radio buttons which allows to switch between |
|
171 |
HVS and RGB color spec. |
|
172 |
||
173 |
Finally there are 4 color sliders working either in HSVA (hue saturation value alpha) or |
|
174 |
RGBA (red green blue alpha) mode, depending on which radio button is chosen. The radio buttons |
|
175 |
can be controlled programatically by spec() and setSpec() methods. The sliders show the |
|
176 |
color of the active stop. By double clicking inside color slider you can set directly the desired color. |
|
177 |
Changes of slider's are applied to stop selection in the way that the color |
|
178 |
component being changed is applied to stops in selection only, while other components |
|
179 |
remain unchanged in selected stops (e.g. when the user is changing the saturation, |
|
180 |
new saturation is applied to selected stops preventing original hue, value and alpha in multiselection). |
|
181 |
||
182 |
The convenient static functions getGradient() provide modal gradient dialogs, e.g.: |
|
183 |
||
184 |
\snippet doc/src/snippets/code/tools_shared_qtgradienteditor_qtgradientdialog.cpp 0 |
|
185 |
||
186 |
In order to have more control over the properties of QtGradientDialog use |
|
187 |
standard QDialog::exec() method: |
|
188 |
||
189 |
\snippet doc/src/snippets/code/tools_shared_qtgradienteditor_qtgradientdialog.cpp 1 |
|
190 |
||
191 |
\sa {Gradient View Example} |
|
192 |
*/ |
|
193 |
||
194 |
/*! |
|
195 |
Constructs a gradient dialog with \a parent as parent widget. |
|
196 |
*/ |
|
197 |
||
198 |
QtGradientDialog::QtGradientDialog(QWidget *parent) |
|
199 |
: QDialog(parent), d_ptr(new QtGradientDialogPrivate()) |
|
200 |
{ |
|
201 |
// setWindowFlags(windowFlags() & ~Qt::WindowContextHelpButtonHint); |
|
202 |
d_ptr->q_ptr = this; |
|
203 |
d_ptr->m_ui.setupUi(this); |
|
204 |
QPushButton *button = d_ptr->m_ui.buttonBox->button(QDialogButtonBox::Ok); |
|
205 |
if (button) |
|
206 |
button->setAutoDefault(false); |
|
207 |
button = d_ptr->m_ui.buttonBox->button(QDialogButtonBox::Cancel); |
|
208 |
if (button) |
|
209 |
button->setAutoDefault(false); |
|
3
41300fa6a67c
Revision: 201003
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
0
diff
changeset
|
210 |
connect(d_ptr->m_ui.gradientEditor, SIGNAL(aboutToShowDetails(bool,int)), |
41300fa6a67c
Revision: 201003
Dremov Kirill (Nokia-D-MSW/Tampere) <kirill.dremov@nokia.com>
parents:
0
diff
changeset
|
211 |
this, SLOT(slotAboutToShowDetails(bool,int))); |
0 | 212 |
} |
213 |
||
214 |
/*! |
|
215 |
Destroys the gradient dialog |
|
216 |
*/ |
|
217 |
||
218 |
QtGradientDialog::~QtGradientDialog() |
|
219 |
{ |
|
220 |
} |
|
221 |
||
222 |
/*! |
|
223 |
\property QtGradientDialog::gradient |
|
224 |
\brief the gradient of the dialog |
|
225 |
*/ |
|
226 |
void QtGradientDialog::setGradient(const QGradient &gradient) |
|
227 |
{ |
|
228 |
d_ptr->m_ui.gradientEditor->setGradient(gradient); |
|
229 |
} |
|
230 |
||
231 |
QGradient QtGradientDialog::gradient() const |
|
232 |
{ |
|
233 |
return d_ptr->m_ui.gradientEditor->gradient(); |
|
234 |
} |
|
235 |
||
236 |
/*! |
|
237 |
\property QtGradientDialog::backgroundCheckered |
|
238 |
\brief whether the background of widgets able to show the colors with alpha channel is checkered. |
|
239 |
||
240 |
\table |
|
241 |
\row |
|
242 |
\o \inlineimage qtgradientdialogbackgroundcheckered.png |
|
243 |
\o \inlineimage qtgradientdialogbackgroundtransparent.png |
|
244 |
\row |
|
245 |
\o \snippet doc/src/snippets/code/tools_shared_qtgradienteditor_qtgradientdialog.cpp 2 |
|
246 |
\o \snippet doc/src/snippets/code/tools_shared_qtgradienteditor_qtgradientdialog.cpp 3 |
|
247 |
\endtable |
|
248 |
||
249 |
When this property is set to true (the default) widgets inside gradient dialog like color button, |
|
250 |
color sliders, gradient stops editor and gradient editor will show checkered background |
|
251 |
in case of transparent colors. Otherwise the background of these widgets is transparent. |
|
252 |
*/ |
|
253 |
||
254 |
bool QtGradientDialog::isBackgroundCheckered() const |
|
255 |
{ |
|
256 |
return d_ptr->m_ui.gradientEditor->isBackgroundCheckered(); |
|
257 |
} |
|
258 |
||
259 |
void QtGradientDialog::setBackgroundCheckered(bool checkered) |
|
260 |
{ |
|
261 |
d_ptr->m_ui.gradientEditor->setBackgroundCheckered(checkered); |
|
262 |
} |
|
263 |
||
264 |
/*! |
|
265 |
\property QtGradientDialog::detailsVisible |
|
266 |
\brief whether details extension is visible. |
|
267 |
||
268 |
When this property is set to true the details extension is visible. By default |
|
269 |
this property is set to false and the details extension is hidden. |
|
270 |
||
271 |
\sa detailsButtonVisible |
|
272 |
*/ |
|
273 |
bool QtGradientDialog::detailsVisible() const |
|
274 |
{ |
|
275 |
return d_ptr->m_ui.gradientEditor->detailsVisible(); |
|
276 |
} |
|
277 |
||
278 |
void QtGradientDialog::setDetailsVisible(bool visible) |
|
279 |
{ |
|
280 |
d_ptr->m_ui.gradientEditor->setDetailsVisible(visible); |
|
281 |
} |
|
282 |
||
283 |
/*! |
|
284 |
\property QtGradientDialog::detailsButtonVisible |
|
285 |
\brief whether the details button allowing for showing and hiding details extension is visible. |
|
286 |
||
287 |
When this property is set to true (the default) the details button is visible and the user |
|
288 |
can show and hide details extension interactively. Otherwise the button is hidden and the details |
|
289 |
extension is always visible or hidded depending on the value of detailsVisible property. |
|
290 |
||
291 |
\sa detailsVisible |
|
292 |
*/ |
|
293 |
bool QtGradientDialog::isDetailsButtonVisible() const |
|
294 |
{ |
|
295 |
return d_ptr->m_ui.gradientEditor->isDetailsButtonVisible(); |
|
296 |
} |
|
297 |
||
298 |
void QtGradientDialog::setDetailsButtonVisible(bool visible) |
|
299 |
{ |
|
300 |
d_ptr->m_ui.gradientEditor->setDetailsButtonVisible(visible); |
|
301 |
} |
|
302 |
||
303 |
/*! |
|
304 |
Returns the current QColor::Spec used for the color sliders in the dialog. |
|
305 |
*/ |
|
306 |
QColor::Spec QtGradientDialog::spec() const |
|
307 |
{ |
|
308 |
return d_ptr->m_ui.gradientEditor->spec(); |
|
309 |
} |
|
310 |
||
311 |
/*! |
|
312 |
Sets the current QColor::Spec to \a spec used for the color sliders in the dialog. |
|
313 |
*/ |
|
314 |
void QtGradientDialog::setSpec(QColor::Spec spec) |
|
315 |
{ |
|
316 |
d_ptr->m_ui.gradientEditor->setSpec(spec); |
|
317 |
} |
|
318 |
||
319 |
/*! |
|
320 |
Executes a modal gradient dialog, lets the user to specify a gradient, and returns that gradient. |
|
321 |
||
322 |
If the user clicks \gui OK, the gradient specified by the user is returned. If the user clicks \gui Cancel, the \a initial gradient is returned. |
|
323 |
||
324 |
The dialog is constructed with the given \a parent. \a caption is shown as the window title of the dialog and |
|
325 |
\a initial is the initial gradient shown in the dialog. If the \a ok parameter is not-null, |
|
326 |
the value it refers to is set to true if the user clicks \gui OK, and set to false if the user clicks \gui Cancel. |
|
327 |
*/ |
|
328 |
QGradient QtGradientDialog::getGradient(bool *ok, const QGradient &initial, QWidget *parent, const QString &caption) |
|
329 |
{ |
|
330 |
QtGradientDialog dlg(parent); |
|
331 |
if (!caption.isEmpty()) |
|
332 |
dlg.setWindowTitle(caption); |
|
333 |
dlg.setGradient(initial); |
|
334 |
const int res = dlg.exec(); |
|
335 |
if (ok) { |
|
336 |
*ok = (res == QDialog::Accepted) ? true : false; |
|
337 |
} |
|
338 |
if (res == QDialog::Accepted) |
|
339 |
return dlg.gradient(); |
|
340 |
return initial; |
|
341 |
} |
|
342 |
||
343 |
/*! |
|
344 |
This method calls getGradient(ok, QLinearGradient(), parent, caption). |
|
345 |
*/ |
|
346 |
QGradient QtGradientDialog::getGradient(bool *ok, QWidget *parent, const QString &caption) |
|
347 |
{ |
|
348 |
return getGradient(ok, QLinearGradient(), parent, caption); |
|
349 |
} |
|
350 |
||
351 |
QT_END_NAMESPACE |
|
352 |
||
353 |
#include "moc_qtgradientdialog.cpp" |