[2] | 1 | /****************************************************************************
|
---|
| 2 | **
|
---|
[846] | 3 | ** Copyright (C) 2011 Nokia Corporation and/or its subsidiary(-ies).
|
---|
[561] | 4 | ** All rights reserved.
|
---|
| 5 | ** Contact: Nokia Corporation ([email protected])
|
---|
[2] | 6 | **
|
---|
| 7 | ** This file is part of the tools applications of the Qt Toolkit.
|
---|
| 8 | **
|
---|
| 9 | ** $QT_BEGIN_LICENSE:LGPL$
|
---|
| 10 | ** Commercial Usage
|
---|
| 11 | ** Licensees holding valid Qt Commercial licenses may use this file in
|
---|
| 12 | ** accordance with the Qt Commercial License Agreement provided with the
|
---|
| 13 | ** Software or, alternatively, in accordance with the terms contained in
|
---|
| 14 | ** a written agreement between you and Nokia.
|
---|
| 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 | **
|
---|
[561] | 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.
|
---|
[2] | 27 | **
|
---|
| 28 | ** GNU General Public License Usage
|
---|
| 29 | ** Alternatively, this file may be used under the terms of the GNU
|
---|
| 30 | ** General Public License version 3.0 as published by the Free Software
|
---|
| 31 | ** Foundation and appearing in the file LICENSE.GPL included in the
|
---|
| 32 | ** packaging of this file. Please review the following information to
|
---|
| 33 | ** ensure the GNU General Public License version 3.0 requirements will be
|
---|
| 34 | ** met: http://www.gnu.org/copyleft/gpl.html.
|
---|
| 35 | **
|
---|
[561] | 36 | ** If you have questions regarding the use of this file, please contact
|
---|
| 37 | ** Nokia at [email protected].
|
---|
[2] | 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)
|
---|
[561] | 199 | : QDialog(parent), d_ptr(new QtGradientDialogPrivate())
|
---|
[2] | 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);
|
---|
[561] | 210 | connect(d_ptr->m_ui.gradientEditor, SIGNAL(aboutToShowDetails(bool,int)),
|
---|
| 211 | this, SLOT(slotAboutToShowDetails(bool,int)));
|
---|
[2] | 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"
|
---|