diff options
Diffstat (limited to 'examples/declarative/layouts/positioners.qml')
| -rw-r--r-- | examples/declarative/layouts/positioners.qml | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/examples/declarative/layouts/positioners.qml b/examples/declarative/layouts/positioners.qml index add46a4..fe28105 100644 --- a/examples/declarative/layouts/positioners.qml +++ b/examples/declarative/layouts/positioners.qml @@ -1,6 +1,6 @@ import Qt 4.6 Rectangle { width: 420; height: 420; id:page; color:"white" - VerticalPositioner { id: layout1; y:0; //width: 100; height:250; + Column { id: layout1; y:0; //width: 100; height:250; move: Transition{ NumberAnimation {properties: "y"; easing: "easeOutBounce" }} add: Transition{ NumberAnimation { properties: "y"; from: 500; duration:500; easing: "easeOutQuad"}} remove: Transition { NumberAnimation { properties:"y"; to: 500; duration:500; easing: "easeInQuad"}} @@ -14,7 +14,7 @@ Rectangle { width: 420; height: 420; id:page; color:"white" } Rectangle { color: "orange"; width: 100; height: 50; border.color: "black"; radius: 15 } } - HorizontalPositioner { id: layout2; y:300; + Row { id: layout2; y:300; move: Transition{ NumberAnimation {properties: "x"; easing: "easeOutBounce" }} add: Transition{ NumberAnimation { properties: "x"; from: 500; duration:500; easing: "easeOutQuad"} NumberAnimation { properties: "opacity"; from: 0; duration: 500;}} @@ -32,7 +32,7 @@ Rectangle { width: 420; height: 420; id:page; color:"white" Button { text: "Add"; icon: "add.png"; x: 145; y:140; onClicked: {blueH2.opacity=1; blueH1.opacity=1; blueV1.opacity=1; blueV2.opacity=1; blueG1.opacity=1; blueG2.opacity=1; blueG3.opacity=1;} } - GridPositioner { x:260; y:0; columns:3 + Grid { x:260; y:0; columns:3 remove: Transition { NumberAnimation{ properties: "opacity"; from: 1; to: 0; duration: 500} NumberAnimation{properties: "x,y"; easing: "easeOutBounce"} } move: Transition { NumberAnimation{ properties: "x,y"; easing: "easeOutBounce" }} |