1 files changed, 73 insertions, 59 deletions
diff --git a/examples/declarative/velocity/Day.qml b/examples/declarative/velocity/Day.qml
index f4c24a5..a39ec94 100644
--- a/examples/declarative/velocity/Day.qml
+++ b/examples/declarative/velocity/Day.qml
@@ -1,78 +1,92 @@
-import Qt 4.6
+import Qt 4.7
 
-Rectangle {
-    property alias day: dayText.text
-    property var stickies
+Component {
+    Item {
+        property variant stickies
 
-    id: page
-    width: 400; height: 500; radius: 7
-    border.color: "black"
+        id: page
+        width: 840; height: 480
 
-    Image { x: 10; y: 10; source: "cork.jpg" }
+        Image { source: "cork.jpg" }
 
-    Text {
-        id: dayText; x: 20; y: 20
-        height: 40; width: 370
-        font.pointSize: 14; font.bold: true
-        style: Text.Outline; styleColor: "#dedede"
-    }
-
-    Repeater {
-        model: page.stickies
-
-        Item {
-            id: stickyPage
-            x: Math.random() * 200 + 100
-            y: Math.random() * 300 + 50
-            SpringFollow on rotation {
-                source: -flickable.horizontalVelocity / 100
-                spring: 2.0; damping: 0.1
-            }
+        Text {
+            text: name; x: 15; y: 8; height: 40; width: 370
+            font.pixelSize: 18; font.bold: true; color: "white"
+            style: Text.Outline; styleColor: "black"
+        }
 
+        Repeater {
+            model: notes
             Item {
-                id: sticky
-                scale: 0.5
-                Image {
-                    id: stickyImage; source: "sticky.png"; transformOrigin: Item.TopLeft
-                    smooth: true; y: -20; x: 8 + -width * 0.6 / 2; scale: 0.6
-                }
+                property int randomX: Math.random() * 500 + 100
+                property int randomY: Math.random() * 200 + 50
 
-                TextEdit {
-                    id: myText; smooth: true; font.pointSize: 28
-                    readOnly: false; x: -104; y: 36; wrap: true
-                    rotation: -8; text: noteText; width: 195; height: 172
+                id: stickyPage
+                x: randomX; y: randomY
+
+                SpringFollow on rotation {
+                    to: -flickable.horizontalVelocity / 100
+                    spring: 2.0; damping: 0.15
                 }
 
                 Item {
-                    y: -20
-                    x: stickyImage.x
-                    width: stickyImage.width * stickyImage.scale
-                    height: stickyImage.height * stickyImage.scale
-                    MouseArea {
-                        id: mouse
-                        onClicked: { myText.focus = true }
-                        anchors.fill: parent
-                        drag.target: stickyPage; drag.axis: MouseArea.XandYAxis; drag.minimumY: 0; drag.maximumY: 500
-                        drag.minimumX: 0; drag.maximumX: 400
+                    id: sticky
+                    scale: 0.7
+                    Image {
+                        id: stickyImage
+                        source: "note-yellow.png"; transformOrigin: Item.TopLeft
+                        smooth: true; y: -20; x: 8 + -width * 0.6 / 2; scale: 0.6
+                    }
+
+                    TextEdit {
+                        id: myText; smooth: true; font.pixelSize: 24
+                        readOnly: false; x: -104; y: 36
+                        rotation: -8; text: noteText; width: 215; height: 200
+                    }
+
+                    Item {
+                        y: -20
+                        x: stickyImage.x
+                        width: stickyImage.width * stickyImage.scale
+                        height: stickyImage.height * stickyImage.scale
+                        MouseArea {
+                            id: mouse
+                            onClicked: { myText.focus = true }
+                            anchors.fill: parent
+                            drag.target: stickyPage
+                            drag.axis: "XandYAxis"
+                            drag.minimumY: 0
+                            drag.maximumY: page.height - 80
+                            drag.minimumX: 100
+                            drag.maximumX: page.width - 140
+                        }
                     }
                 }
-            }
 
-            Image {
-                source: "tack.png"; transformOrigin: Item.TopLeft
-                x: -width / 2; y: -height * 0.7 / 2; scale: 0.7
-            }
+                Image {
+                    source: "tack.png"; transformOrigin: Item.TopLeft
+                    x: -width / 2; y: -height * 0.5 / 2; scale: 0.7
+                }
 
-            states: State {
-                name: "pressed"
-                when: mouse.pressed
-                PropertyChanges { target: sticky; rotation: 8; scale: 1 }
-                PropertyChanges { target: page; z: 8 }
-            }
+                states: State {
+                    name: "pressed"
+                    when: mouse.pressed
+                    PropertyChanges { target: sticky; rotation: 8; scale: 1 }
+                    PropertyChanges { target: page; z: 8 }
+                }
 
-            transitions: Transition {
-                NumberAnimation { properties: "rotation,scale"; duration: 200 }
+                transitions: Transition {
+                    NumberAnimation { properties: "rotation,scale"; duration: 200 }
+                }
             }
         }
     }
 }
+
+
+
+
+
+
+
+