qt-quick-for-designers-1:making_things_move
Differences
This shows you the differences between two versions of the page.
Both sides previous revisionPrevious revisionNext revision | Previous revisionNext revisionBoth sides next revision | ||
qt-quick-for-designers-1:making_things_move [2013/06/22 02:12] – [Animation types] mithat | qt-quick-for-designers-1:making_things_move [2013/06/22 02:21] – mithat | ||
---|---|---|---|
Line 247: | Line 247: | ||
</ | </ | ||
- | === Sequential and Parallel === | + | === Sequential and Parallel |
* You can create collections of animations that happen in a specific order. | * You can create collections of animations that happen in a specific order. | ||
- | * Sequential: | + | * **SequentialAnimation**: |
{{youtube> | {{youtube> | ||
<code javascript> | <code javascript> | ||
Line 267: | Line 267: | ||
} | } | ||
}</ | }</ | ||
- | * Parallel | + | * **ParallelAnimation** |
{{youtube> | {{youtube> | ||
<code javascript> | <code javascript> | ||
Line 285: | Line 285: | ||
} | } | ||
}</ | }</ | ||
- | |||
- | === PauseAnimation === | ||
=== RotationAnimation === | === RotationAnimation === | ||
+ | * The **RotationAnimation** allows you to add rotation properties to your animation. FIXME I think the code below is wrong: state and transition are not JSON arrays | ||
+ | <code javascript> | ||
+ | states: { | ||
+ | State { | ||
+ | name: " | ||
+ | PropertyChanges { target: myItem; rotation: 180 } | ||
+ | } | ||
+ | State { | ||
+ | name: " | ||
+ | PropertyChanges { target: myItem; rotation: -90 } | ||
+ | } | ||
+ | } | ||
+ | transition: Transition { | ||
+ | RotationAnimation { | ||
+ | direction: RotationAnimation.Shortest | ||
+ | } | ||
+ | } | ||
+ | </ | ||
+ | |||
+ | === PauseAnimation === | ||
+ | * The **PauseAnimation** allows you to add delays in your animation. | ||
+ | < | ||
+ | PauseAnimation { | ||
+ | target : myRect | ||
+ | duration: 100 | ||
+ | }</ | ||
qt-quick-for-designers-1/making_things_move.txt · Last modified: 2013/07/06 22:52 by mithat