diff options
author | Yann Bodson <yann.bodson@nokia.com> | 2009-08-19 06:34:44 (GMT) |
---|---|---|
committer | Yann Bodson <yann.bodson@nokia.com> | 2009-08-19 08:15:20 (GMT) |
commit | 21e87b18698c50bcfe0800509563e71c79aae0bb (patch) | |
tree | 4567cb8a5bd3127fe98d7ce5a5042550bca48b7b /examples/declarative/layouts/positioners.qml | |
parent | 51555ed45f6397fa7cdfae771ee6275733bce615 (diff) | |
download | Qt-21e87b18698c50bcfe0800509563e71c79aae0bb.zip Qt-21e87b18698c50bcfe0800509563e71c79aae0bb.tar.gz Qt-21e87b18698c50bcfe0800509563e71c79aae0bb.tar.bz2 |
Renaming Rect -> Rectangle
Diffstat (limited to 'examples/declarative/layouts/positioners.qml')
-rw-r--r-- | examples/declarative/layouts/positioners.qml | 40 |
1 files changed, 20 insertions, 20 deletions
diff --git a/examples/declarative/layouts/positioners.qml b/examples/declarative/layouts/positioners.qml index 44f9509..add46a4 100644 --- a/examples/declarative/layouts/positioners.qml +++ b/examples/declarative/layouts/positioners.qml @@ -1,18 +1,18 @@ import Qt 4.6 -Rect { width: 420; height: 420; id:page; color:"white" +Rectangle { width: 420; height: 420; id:page; color:"white" VerticalPositioner { 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"}} - Rect { color: "red"; width: 100; height: 50; border.color: "black"; radius: 15 } - Rect { id: blueV1; color: "lightsteelblue"; width: 100; height: 50; border.color: "black"; radius: 15 + Rectangle { color: "red"; width: 100; height: 50; border.color: "black"; radius: 15 } + Rectangle { id: blueV1; color: "lightsteelblue"; width: 100; height: 50; border.color: "black"; radius: 15 //opacity: Behavior{ NumberAnimation {}} } - Rect { color: "green"; width: 100; height: 50; border.color: "black"; radius: 15 } - Rect { id: blueV2; color: "lightsteelblue"; width: 100; height: 50; border.color: "black"; radius: 15 + Rectangle { color: "green"; width: 100; height: 50; border.color: "black"; radius: 15 } + Rectangle { id: blueV2; color: "lightsteelblue"; width: 100; height: 50; border.color: "black"; radius: 15 //opacity: Behavior{ NumberAnimation {}} } - Rect { color: "orange"; width: 100; height: 50; border.color: "black"; radius: 15 } + Rectangle { color: "orange"; width: 100; height: 50; border.color: "black"; radius: 15 } } HorizontalPositioner { id: layout2; y:300; move: Transition{ NumberAnimation {properties: "x"; easing: "easeOutBounce" }} @@ -20,11 +20,11 @@ Rect { width: 420; height: 420; id:page; color:"white" NumberAnimation { properties: "opacity"; from: 0; duration: 500;}} remove: Transition { NumberAnimation { properties: "x"; to: 500; duration:500; easing: "easeInQuad"} NumberAnimation { properties: "opacity"; from: 1; duration: 500}} - Rect { color: "red"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { id: blueH1; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "green"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { id: blueH2; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "orange"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "red"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { id: blueH1; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "green"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { id: blueH2; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "orange"; width: 50; height: 100; border.color: "black"; radius: 15 } } Button { text: "Remove"; icon: "del.png"; x: 135; y:90; onClicked: {blueH2.opacity=0; blueH1.opacity=0; blueV1.opacity=0; blueV2.opacity=0; blueG1.opacity=0; blueG2.opacity=0; blueG3.opacity=0;} @@ -38,14 +38,14 @@ Rect { width: 420; height: 420; id:page; color:"white" move: Transition { NumberAnimation{ properties: "x,y"; easing: "easeOutBounce" }} add: Transition { NumberAnimation{ properties: "opacity"; from: 0; to: 1; duration: 500} NumberAnimation{properties: "x,y"; easing: "easeOutBounce"} } - Rect { color: "red"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { id: blueG1; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "green"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { id: blueG2; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "orange"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { id: blueG3; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "red"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "green"; width: 50; height: 100; border.color: "black"; radius: 15 } - Rect { color: "orange"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "red"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { id: blueG1; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "green"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { id: blueG2; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "orange"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { id: blueG3; color: "lightsteelblue"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "red"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "green"; width: 50; height: 100; border.color: "black"; radius: 15 } + Rectangle { color: "orange"; width: 50; height: 100; border.color: "black"; radius: 15 } } } |