Add simple Package example.

2 files changed, 79 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]
diff --git a/examples/declarative/package/view.qml b/examples/declarative/package/view.qml
new file mode 100644
index 0000000..07bba0c
--- /dev/null
+++ b/examples/declarative/package/view.qml
@@ -0,0 +1,35 @@
+import Qt 4.6
+
+Item {
+    width: 400
+    height: 200
+
+    ListModel {
+        id: myModel
+        ListElement { display: "One" }
+        ListElement { display: "Two" }
+        ListElement { display: "Three" }
+        ListElement { display: "Four" }
+        ListElement { display: "Five" }
+        ListElement { display: "Six" }
+        ListElement { display: "Seven" }
+        ListElement { display: "Eight" }
+    }
+    //![0]
+    VisualDataModel {
+        id: visualModel
+        delegate: Delegate {}
+        model: myModel
+    }
+
+    ListView {
+        width: 200; height:200
+        model: visualModel.parts.list
+    }
+    GridView {
+        x: 200; width: 200; height:200
+        cellHeight: 50
+        model: visualModel.parts.grid
+    }
+    //![0]
+}