diff options
author | Martin Jones <martin.jones@nokia.com> | 2010-03-16 05:49:27 (GMT) |
---|---|---|
committer | Martin Jones <martin.jones@nokia.com> | 2010-03-16 05:49:27 (GMT) |
commit | a32cd00668076674b6968b821d4b7377c95ddee9 (patch) | |
tree | 6b8e7f83a5b5e5c1bd0106faf6b465d3f9fc3132 /doc/src/declarative/animation.qdoc | |
parent | 31e06818aaf65150f61107f112b305cfd8585710 (diff) | |
download | Qt-a32cd00668076674b6968b821d4b7377c95ddee9.zip Qt-a32cd00668076674b6968b821d4b7377c95ddee9.tar.gz Qt-a32cd00668076674b6968b821d4b7377c95ddee9.tar.bz2 |
Update more animation on property value source docs.
Diffstat (limited to 'doc/src/declarative/animation.qdoc')
-rw-r--r-- | doc/src/declarative/animation.qdoc | 9 |
1 files changed, 5 insertions, 4 deletions
diff --git a/doc/src/declarative/animation.qdoc b/doc/src/declarative/animation.qdoc index 2b75211..7e0a787 100644 --- a/doc/src/declarative/animation.qdoc +++ b/doc/src/declarative/animation.qdoc @@ -58,7 +58,8 @@ types listed above. If the property you are animating is a number or color, you NumberAnimation or ColorAnimation. These elements don't add any additional functionality, but will help enforce type correctness and are slightly more efficient. -A property animation can be specified as a value source. This is especially useful for repeating animations. +A property animation can be specified as a value source using the \e Animation \bold on \e property syntax. This is especially useful +for repeating animations. The following example creates a bouncing effect: \qml @@ -70,7 +71,7 @@ Rectangle { source: "qt-logo.png" x: 60-img.width/2 y: 0 - y: SequentialAnimation { + SequentialAnimation on y { repeat: true NumberAnimation { to: 200-img.height; easing.type: "OutBounce"; duration: 2000 } PauseAnimation { duration: 1000 } @@ -93,7 +94,7 @@ Rectangle { Rectangle { color: "red" width: 50; height: 50 - x: NumberAnimation { to: 50; } + NumberAnimation on x { to: 50; } } } \endqml @@ -226,7 +227,7 @@ Rectangle { id: redRect color: "red" width: 100; height: 100 - x: Behavior { NumberAnimation { duration: 300; easing.type: "InOutQuad" } } + Behavior on x { NumberAnimation { duration: 300; easing.type: "InOutQuad" } } } \endqml |