summaryrefslogtreecommitdiffstats
path: root/examples/declarative/modelviews/package/Delegate.qml
diff options
context:
space:
mode:
authorMartin Jones <martin.jones@nokia.com>2010-05-17 03:19:13 (GMT)
committerMartin Jones <martin.jones@nokia.com>2010-05-17 03:19:13 (GMT)
commit414edec537821711e22a3bb2729e189aa501bfbb (patch)
treecaa1c3b4a3aa22c5670466a570f380bc3bd29355 /examples/declarative/modelviews/package/Delegate.qml
parentcef452a2792cc15705f677c9b9c689496eeb500f (diff)
parent029f98ee0176b34279e7cc944cca17f027fe5a0a (diff)
downloadQt-414edec537821711e22a3bb2729e189aa501bfbb.zip
Qt-414edec537821711e22a3bb2729e189aa501bfbb.tar.gz
Qt-414edec537821711e22a3bb2729e189aa501bfbb.tar.bz2
Merge branch '4.7' of scm.dev.nokia.troll.no:qt/qt-qml into 4.7
Diffstat (limited to 'examples/declarative/modelviews/package/Delegate.qml')
-rw-r--r--examples/declarative/modelviews/package/Delegate.qml48
1 files changed, 48 insertions, 0 deletions
diff --git a/examples/declarative/modelviews/package/Delegate.qml b/examples/declarative/modelviews/package/Delegate.qml
new file mode 100644
index 0000000..785fde6
--- /dev/null
+++ b/examples/declarative/modelviews/package/Delegate.qml
@@ -0,0 +1,48 @@
+import Qt 4.7
+
+//![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 }
+ MouseArea {
+ 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
+ x: 0; y: 0; width: gridDelegate.width; height: gridDelegate.height
+ }
+ }
+ ]
+
+ transitions: [
+ Transition {
+ ParentAnimation {
+ NumberAnimation { properties: 'x,y,width,height'; duration: 300 }
+ }
+ }
+ ]
+ }
+}
+//![0]