| 1 | /****************************************************************************
|
|---|
| 2 | **
|
|---|
| 3 | ** Copyright (C) 2009 Nokia Corporation and/or its subsidiary(-ies).
|
|---|
| 4 | ** All rights reserved.
|
|---|
| 5 | ** Contact: Nokia Corporation (qt-info@nokia.com)
|
|---|
| 6 | **
|
|---|
| 7 | ** This file is part of the documentation 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 | **
|
|---|
| 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 | ** 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 | **
|
|---|
| 36 | ** If you have questions regarding the use of this file, please contact
|
|---|
| 37 | ** Nokia at qt-info@nokia.com.
|
|---|
| 38 | ** $QT_END_LICENSE$
|
|---|
| 39 | **
|
|---|
| 40 | ****************************************************************************/
|
|---|
| 41 |
|
|---|
| 42 | /*!
|
|---|
| 43 | \example animation/moveblocks
|
|---|
| 44 | \title Move Blocks Example
|
|---|
| 45 |
|
|---|
| 46 | The Move Blocks example shows how to animate items in a
|
|---|
| 47 | QGraphicsScene using a QStateMachine with a custom transition.
|
|---|
| 48 |
|
|---|
| 49 | \image moveblocks-example.png
|
|---|
| 50 |
|
|---|
| 51 | The example animates the blue blocks that you can see in the image
|
|---|
| 52 | above. The animation moves the blocks between four preset positions.
|
|---|
| 53 |
|
|---|
| 54 | The example consists of the following classes:
|
|---|
| 55 |
|
|---|
| 56 | \list
|
|---|
| 57 | \o \c StateSwitcher inherits QState and can add
|
|---|
| 58 | \c {StateSwitchTransition}s to other states.
|
|---|
| 59 | When entered, it will randomly transition to one of these
|
|---|
| 60 | states.
|
|---|
| 61 | \o \c StateSwitchTransition is a custom transition that
|
|---|
| 62 | triggers on \c{StateSwitchEvent}s.
|
|---|
| 63 | \o \c StateSwitchEvent is a QEvent that trigger \c{StateSwitchTransition}s.
|
|---|
| 64 | \o \c QGraphicsRectWidget is a QGraphicsWidget that simply
|
|---|
| 65 | paints its background in a solid \l{Qt::}{blue} color.
|
|---|
| 66 | \endlist
|
|---|
| 67 |
|
|---|
| 68 | The blocks are instances of \c QGraphicsRectWidget and are
|
|---|
| 69 | animated in a QGraphicsScene. We do this by building a state
|
|---|
| 70 | graph, which we insert animations into. The graph is then executed
|
|---|
| 71 | in a QStateMachine. All this is done in \c main().
|
|---|
| 72 | Let's look at the \c main() function first.
|
|---|
| 73 |
|
|---|
| 74 | \section1 The \c main() Function
|
|---|
| 75 |
|
|---|
| 76 | After QApplication has been initialized, we set up the
|
|---|
| 77 | QGraphicsScene with its \c{QGraphicsRectWidget}s.
|
|---|
| 78 |
|
|---|
| 79 | \snippet examples/animation/moveblocks/main.cpp 1
|
|---|
| 80 |
|
|---|
| 81 | After adding the scene to a QGraphicsView, it is time to build the
|
|---|
| 82 | state graph. Let's first look at a statechart of what we are
|
|---|
| 83 | trying to build.
|
|---|
| 84 |
|
|---|
| 85 | \image move-blocks-chart.png
|
|---|
| 86 |
|
|---|
| 87 | Note that the \c group has seven sub states, but we have only
|
|---|
| 88 | included three of them in the diagram. The code that builds this
|
|---|
| 89 | graph will be examined line-by-line, and will show how the graph
|
|---|
| 90 | works. First off, we construct the \c group state:
|
|---|
| 91 |
|
|---|
| 92 | \snippet examples/animation/moveblocks/main.cpp 2
|
|---|
| 93 |
|
|---|
| 94 | The timer is used to add a delay between each time the blocks are
|
|---|
| 95 | moved. The timer is started when \c group is entered. As we will
|
|---|
| 96 | see later, \c group has a transition back to the \c StateSwitcher
|
|---|
| 97 | when the timer times out. \c group is the initial state in the
|
|---|
| 98 | machine, so an animation will be scheduled when the example is
|
|---|
| 99 | started.
|
|---|
| 100 |
|
|---|
| 101 | \snippet examples/animation/moveblocks/main.cpp 3
|
|---|
| 102 | \dots
|
|---|
| 103 | \snippet examples/animation/moveblocks/main.cpp 4
|
|---|
| 104 |
|
|---|
| 105 | \c createGeometryState() returns a QState that will set the
|
|---|
| 106 | geometry of our items upon entry. It also assigns \c group as the
|
|---|
| 107 | parent of this state.
|
|---|
| 108 |
|
|---|
| 109 | A QPropertyAnimation inserted into a transition will use the
|
|---|
| 110 | values assigned to a QState (with QState::assignProperty()), i.e.,
|
|---|
| 111 | the animation will interpolate between the current values of the
|
|---|
| 112 | properties and the values in the target state. We add animated
|
|---|
| 113 | transitions to the state graph later.
|
|---|
| 114 |
|
|---|
| 115 | \snippet examples/animation/moveblocks/main.cpp 5
|
|---|
| 116 |
|
|---|
| 117 | We move the items in parallel. Each item is added to \c
|
|---|
| 118 | animationGroup, which is the animation that is inserted into the
|
|---|
| 119 | transitions.
|
|---|
| 120 |
|
|---|
| 121 | \snippet examples/animation/moveblocks/main.cpp 6
|
|---|
| 122 |
|
|---|
| 123 | The sequential animation group, \c subGroup, helps us insert a
|
|---|
| 124 | delay between the animation of each item.
|
|---|
| 125 |
|
|---|
| 126 | \snippet examples/animation/moveblocks/main.cpp 7
|
|---|
| 127 | \dots
|
|---|
| 128 | \snippet examples/animation/moveblocks/main.cpp 8
|
|---|
| 129 |
|
|---|
| 130 | A StateSwitchTransition is added to the state switcher
|
|---|
| 131 | in \c StateSwitcher::addState(). We also add the animation in this
|
|---|
| 132 | function. Since QPropertyAnimation uses the values from the
|
|---|
| 133 | states, we can insert the same QPropertyAnimation instance in all
|
|---|
| 134 | \c {StateSwitchTransition}s.
|
|---|
| 135 |
|
|---|
| 136 | As mentioned previously, we add a transition to the state switcher
|
|---|
| 137 | that triggers when the timer times out.
|
|---|
| 138 |
|
|---|
| 139 | \snippet examples/animation/moveblocks/main.cpp 9
|
|---|
| 140 |
|
|---|
| 141 | Finally, we can create the state machine, add our initial state,
|
|---|
| 142 | and start execution of the state graph.
|
|---|
| 143 |
|
|---|
| 144 | \section2 The \c createGemetryState() Function
|
|---|
| 145 |
|
|---|
| 146 | In \c createGeometryState(), we set up the geometry for each
|
|---|
| 147 | graphics item.
|
|---|
| 148 |
|
|---|
| 149 | \snippet examples/animation/moveblocks/main.cpp 13
|
|---|
| 150 |
|
|---|
| 151 | As mentioned before, QAbstractTransition will set up an animation
|
|---|
| 152 | added with \l{QAbstractTransition::}{addAnimation()} using
|
|---|
| 153 | property values set with \l{QState::}{assignProperty()}.
|
|---|
| 154 |
|
|---|
| 155 | \section1 The StateSwitcher Class
|
|---|
| 156 |
|
|---|
| 157 | \c StateSwitcher has state switch transitions to each \l{QState}s
|
|---|
| 158 | we created with \c createGemetryState(). Its job is to transition
|
|---|
| 159 | to one of these states at random when it is entered.
|
|---|
| 160 |
|
|---|
| 161 | All functions in \c StateSwitcher are inlined. We'll step through
|
|---|
| 162 | its definition.
|
|---|
| 163 |
|
|---|
| 164 | \snippet examples/animation/moveblocks/main.cpp 10
|
|---|
| 165 |
|
|---|
| 166 | \c StateSwitcher is a state designed for a particular purpose and
|
|---|
| 167 | will always be a top-level state. We use \c m_stateCount to keep
|
|---|
| 168 | track of how many states we are managing, and \c m_lastIndex to
|
|---|
| 169 | remember which state was the last state to which we transitioned.
|
|---|
| 170 |
|
|---|
| 171 | \snippet examples/animation/moveblocks/main.cpp 11
|
|---|
| 172 |
|
|---|
| 173 | We select the next state we are going to transition to, and post a
|
|---|
| 174 | \c StateSwitchEvent, which we know will trigger the \c
|
|---|
| 175 | StateSwitchTransition to the selected state.
|
|---|
| 176 |
|
|---|
| 177 | \snippet examples/animation/moveblocks/main.cpp 12
|
|---|
| 178 |
|
|---|
| 179 | This is where the magic happens. We assign a number to each state
|
|---|
| 180 | added. This number is given to both a StateSwitchTransition and to
|
|---|
| 181 | StateSwitchEvents. As we have seen, state switch events will
|
|---|
| 182 | trigger a transition with the same number.
|
|---|
| 183 |
|
|---|
| 184 | \section1 The StateSwitchTransition Class
|
|---|
| 185 |
|
|---|
| 186 | \c StateSwitchTransition inherits QAbstractTransition and triggers
|
|---|
| 187 | on \c{StateSwitchEvent}s. It contains only inline functions, so
|
|---|
| 188 | let's take a look at its \l{QAbstractTransition::}{eventTest()}
|
|---|
| 189 | function, which is the only function that we define..
|
|---|
| 190 |
|
|---|
| 191 | \snippet examples/animation/moveblocks/main.cpp 14
|
|---|
| 192 |
|
|---|
| 193 | \c eventTest is called by QStateMachine when it checks whether a
|
|---|
| 194 | transition should be triggered--a return value of true means that
|
|---|
| 195 | it will. We simply check if our assigned number is equal to the
|
|---|
| 196 | event's number (in which case we fire away).
|
|---|
| 197 |
|
|---|
| 198 | \section1 The StateSwitchEvent Class
|
|---|
| 199 |
|
|---|
| 200 | \c StateSwitchEvent inherits QEvent, and holds a number that has
|
|---|
| 201 | been assigned to a state and state switch transition by
|
|---|
| 202 | \c StateSwitcher. We have already seen how it is used to trigger
|
|---|
| 203 | \c{StateSwitchTransition}s in \c StateSwitcher.
|
|---|
| 204 |
|
|---|
| 205 | \snippet examples/animation/moveblocks/main.cpp 15
|
|---|
| 206 |
|
|---|
| 207 | We only have inlined functions in this class, so a look at its
|
|---|
| 208 | definition will do.
|
|---|
| 209 |
|
|---|
| 210 | \section1 The QGraphicsRectWidget Class
|
|---|
| 211 |
|
|---|
| 212 | QGraphicsRectWidget inherits QGraphicsWidget and simply paints its
|
|---|
| 213 | \l{QWidget::}{rect()} blue. We inline \l{QWidget::}{paintEvent()},
|
|---|
| 214 | which is the only function we define. Here is the
|
|---|
| 215 | QGraphicsRectWidget class definition:
|
|---|
| 216 |
|
|---|
| 217 | \snippet examples/animation/moveblocks/main.cpp 16
|
|---|
| 218 |
|
|---|
| 219 | \section1 Moving On
|
|---|
| 220 |
|
|---|
| 221 | The technique shown in this example works equally well for all
|
|---|
| 222 | \l{QPropertyAnimation}s. As long as the value to be animated is a
|
|---|
| 223 | Qt property, you can insert an animation of it into a state graph.
|
|---|
| 224 |
|
|---|
| 225 | QState::addAnimation() takes a QAbstractAnimation, so any type
|
|---|
| 226 | of animation can be inserted into the graph.
|
|---|
| 227 | */
|
|---|
| 228 |
|
|---|