diff options
| author | Alan Alpert <alan.alpert@nokia.com> | 2012-04-18 18:07:13 +1000 |
|---|---|---|
| committer | Qt by Nokia <qt-info@nokia.com> | 2012-04-20 04:09:37 +0200 |
| commit | 64d6fc79d49ec87dcd5c1311fe3e70533ace394f (patch) | |
| tree | 5ac29b6091eedebb6cdd7dc258f4a44e4c3d5aea /examples/quick/positioners | |
| parent | b326c0dd5b93c02c7763174e8519cec5521032e5 (diff) | |
Improve example documentation
Add more detail and snippets to the examples for shadereffects and
positioners.
Change-Id: I62a257289cbfb6c53ecc092ac898d923f0058248
Reviewed-by: Yann Bodson <yann.bodson@nokia.com>
Diffstat (limited to 'examples/quick/positioners')
| -rw-r--r-- | examples/quick/positioners/positioners-attachedproperties.qml | 2 | ||||
| -rw-r--r-- | examples/quick/positioners/positioners-transitions.qml | 4 | ||||
| -rw-r--r-- | examples/quick/positioners/positioners.qml | 7 |
3 files changed, 13 insertions, 0 deletions
diff --git a/examples/quick/positioners/positioners-attachedproperties.qml b/examples/quick/positioners/positioners-attachedproperties.qml index af1124368d..4b49165a84 100644 --- a/examples/quick/positioners/positioners-attachedproperties.qml +++ b/examples/quick/positioners/positioners-attachedproperties.qml @@ -48,6 +48,7 @@ Rectangle { Column { id: column + //! [0] Rectangle { id: red color: "red" @@ -69,6 +70,7 @@ Rectangle { onClicked: column.showInfo(red.Positioner) } } + //! [0] Rectangle { id: green diff --git a/examples/quick/positioners/positioners-transitions.qml b/examples/quick/positioners/positioners-transitions.qml index f1b61c1740..e573c94343 100644 --- a/examples/quick/positioners/positioners-transitions.qml +++ b/examples/quick/positioners/positioners-transitions.qml @@ -191,13 +191,17 @@ Rectangle { id: layout4 x: 120; y: 160; width: 150 + //! [move] move: Transition { NumberAnimation { properties: "x,y"; easing.type: Easing.OutBounce } } + //! [move] + //! [add] add: Transition { NumberAnimation { properties: "x,y"; easing.type: Easing.OutBounce } } + //! [add] Rectangle { color: "red"; width: 50; height: 50; border.color: "black"; radius: 15 } diff --git a/examples/quick/positioners/positioners.qml b/examples/quick/positioners/positioners.qml index 373fa28cae..34caea327c 100644 --- a/examples/quick/positioners/positioners.qml +++ b/examples/quick/positioners/positioners.qml @@ -51,8 +51,15 @@ import "../../shared" as Examples a small QML file emphasizing a particular element or feature. Transitions shows animated transistions when showing or hiding items in a positioner. + It consists of a scene populated with items in a variety of positioners: Column, Row, Grid and Flow. + Each positioner has animations described as Transitions. + \snippet examples/quick/positioners/positioners-transitions.qml move + The move transition specifies how items inside the positioner will animate when they are displaced by items appearing or disappearing. + \snippet examples/quick/positioners/positioners-transitions.qml add + The add transition specifies how items will appear when they are added to the positioner. Attached Properties show using the attached property to determine where in a positioner an item is. + \snippet examples/quick/positioners/positioners-attachedproperties.qml 0 */ Item { |