diff options
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 { |