From 64d6fc79d49ec87dcd5c1311fe3e70533ace394f Mon Sep 17 00:00:00 2001 From: Alan Alpert Date: Wed, 18 Apr 2012 18:07:13 +1000 Subject: Improve example documentation Add more detail and snippets to the examples for shadereffects and positioners. Change-Id: I62a257289cbfb6c53ecc092ac898d923f0058248 Reviewed-by: Yann Bodson --- examples/quick/positioners/positioners-attachedproperties.qml | 2 ++ examples/quick/positioners/positioners-transitions.qml | 4 ++++ examples/quick/positioners/positioners.qml | 7 +++++++ 3 files changed, 13 insertions(+) (limited to 'examples/quick/positioners') 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 { -- cgit v1.2.3