diff options
| author | Warwick Allison <warwick.allison@nokia.com> | 2009-05-01 05:49:36 (GMT) |
|---|---|---|
| committer | Warwick Allison <warwick.allison@nokia.com> | 2009-05-01 05:49:36 (GMT) |
| commit | ea0284d0f4a3408d7c1219702214c263118ef52f (patch) | |
| tree | 51225cdd4ce4eead0eb3824fa6ad3dfc6fd6fe89 /src/declarative/fx/qfxflipable.cpp | |
| parent | c1830b72bc64cca5d5110ce084b580022ac8d3a0 (diff) | |
| download | Qt-ea0284d0f4a3408d7c1219702214c263118ef52f.zip Qt-ea0284d0f4a3408d7c1219702214c263118ef52f.tar.gz Qt-ea0284d0f4a3408d7c1219702214c263118ef52f.tar.bz2 | |
doc
Diffstat (limited to 'src/declarative/fx/qfxflipable.cpp')
| -rw-r--r-- | src/declarative/fx/qfxflipable.cpp | 58 |
1 files changed, 34 insertions, 24 deletions
diff --git a/src/declarative/fx/qfxflipable.cpp b/src/declarative/fx/qfxflipable.cpp index 81ed750..db390d2 100644 --- a/src/declarative/fx/qfxflipable.cpp +++ b/src/declarative/fx/qfxflipable.cpp @@ -64,34 +64,44 @@ public: /*! \qmlclass Flipable QFxFlipable - \brief The Flipable element provides a surface that can be flipped. + \brief The Flipable item provides a surface that can be flipped. \inherits Item Flipable allows you to specify a front and a back and then flip between those sides. - \code - <Flipable id="flipable" width="40" height="40"> - <axis> - <Axis startX="20" startY="0" endX="20" endY="40" /> - </axis> - <front> - <Image src="front.png"/> - </front> - <back> - <Image src="back.png"/> - </back> - <states> - <State name="back"> - <SetProperty target="{flipable}" property="rotation" value="180" /> - </State> - </states> - <transitions> - <Transition> - <NumericAnimation easing="easeInOutQuad" properties="rotation"/> - </Transition> - </transitions> - </Flipable> - \endcode + \qml +Flipable { + id: flipable + width: 40 + height: 40 + axis: Axis { + startX: 20 + startY: 0 + endX: 20 + endY: 40 + } + front: Image { src: "front.png" } + back: Image { src: "back.png" } + states: [ + State { + name: "back" + SetProperty { + target: flipable + property: "rotation" + value: 180 + } + } + ] + transitions: [ + Transition { + NumericAnimation { + easing: "easeInOutQuad" + properties: "rotation" + } + } + ] +} + \endqml \image flipable.gif */ |