summaryrefslogtreecommitdiffstats
path: root/examples/declarative/layouts/positioners.qml
diff options
context:
space:
mode:
authorYann Bodson <yann.bodson@nokia.com>2009-08-19 06:34:44 (GMT)
committerYann Bodson <yann.bodson@nokia.com>2009-08-19 08:15:20 (GMT)
commit21e87b18698c50bcfe0800509563e71c79aae0bb (patch)
tree4567cb8a5bd3127fe98d7ce5a5042550bca48b7b /examples/declarative/layouts/positioners.qml
parent51555ed45f6397fa7cdfae771ee6275733bce615 (diff)
downloadQt-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.qml40
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 }
}
}