summaryrefslogtreecommitdiffstats
path: root/examples/declarative/package/Delegate.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/declarative/package/Delegate.qml')
-rw-r--r--examples/declarative/package/Delegate.qml44
1 files changed, 44 insertions, 0 deletions
diff --git a/examples/declarative/package/Delegate.qml b/examples/declarative/package/Delegate.qml
new file mode 100644
index 0000000..4109633
--- /dev/null
+++ b/examples/declarative/package/Delegate.qml
@@ -0,0 +1,44 @@
+import Qt 4.6
+
+//![0]
+Package {
+ Text { id: listDelegate; width: 200; height: 25; text: "Empty"; Package.name: "list" }
+ Text { id: gridDelegate; width: 100; height: 50; text: "Empty"; Package.name: "grid" }
+
+ Rectangle {
+ id: wrapper
+ width: 200; height: 25
+ color: "lightsteelblue"
+ Text { text: display; anchors.centerIn: parent }
+ MouseRegion {
+ anchors.fill: parent
+ onClicked: {
+ if (wrapper.state == "inList")
+ wrapper.state = "inGrid";
+ else
+ wrapper.state = "inList";
+ }
+ }
+ state: "inList"
+ states: [
+ State {
+ name: 'inList'
+ ParentChange { target: wrapper; parent: listDelegate }
+ },
+ State {
+ name: 'inGrid'
+ ParentChange { target: wrapper; parent: gridDelegate }
+ PropertyChanges { target: wrapper; x: 0; y: 0; width: gridDelegate.width; height: gridDelegate.height }
+ }
+ ]
+ transitions: [
+ Transition {
+ SequentialAnimation {
+ ParentAction { target: wrapper }
+ NumberAnimation { targets: wrapper; properties: 'x,y,width,height'; duration: 300 }
+ }
+ }
+ ]
+ }
+}
+//![0]