summaryrefslogtreecommitdiffstats
path: root/examples/declarative/velocity/Day.qml
diff options
context:
space:
mode:
Diffstat (limited to 'examples/declarative/velocity/Day.qml')
-rw-r--r--examples/declarative/velocity/Day.qml108
1 files changed, 37 insertions, 71 deletions
diff --git a/examples/declarative/velocity/Day.qml b/examples/declarative/velocity/Day.qml
index b0d4dd9..030fa13 100644
--- a/examples/declarative/velocity/Day.qml
+++ b/examples/declarative/velocity/Day.qml
@@ -1,65 +1,48 @@
import Qt 4.6
Rectangle {
- property string day
+ property alias day: dayText.text
property var stickies
- width: 400
- height: 500
- radius: 7
- border.color: "black"
id: page
- Image {
- x: 10
- y: 10
- source: "cork.jpg"
- }
+ width: 400; height: 500; radius: 7
+ border.color: "black"
+
+ Image { x: 10; y: 10; source: "cork.jpg" }
+
Text {
- x: 20
- y: 20
- height: 40
- font.pointSize: 14
- font.bold: true
- width: 370
- text: day
- style: "Outline"
- styleColor: "#dedede"
+ 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
- id: stickyPage
rotation: SpringFollow {
source: -flickable.horizontalVelocity / 100
- spring: 2.0
- damping: 0.1
+ spring: 2.0; damping: 0.1
}
+
Item {
id: sticky
scale: 0.5
Image {
- id: stickyImage
- source: "sticky.png"
- smooth: true
- y: -20
- x: 8 + -width * 0.6 / 2
- scale: 0.6
+ id: stickyImage; source: "sticky.png"
+ smooth: true; y: -20; x: 8 + -width * 0.6 / 2; scale: 0.6
}
+
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: myText; smooth: true; font.pointSize: 28
+ readOnly: false; x: -104; y: 36; wrap: true
+ rotation: -8; text: noteText; width: 195; height: 172
}
+
Item {
y: -20
x: stickyImage.x
@@ -69,44 +52,27 @@ Rectangle {
id: mouse
onClicked: { myText.focus = true }
anchors.fill: parent
- drag.target: stickyPage
- drag.axis: "XandYAxis"
- drag.minimumY: 0
- drag.maximumY: 500
- drag.minimumX: 0
- drag.maximumX: 400
+ drag.target: stickyPage; drag.axis: "XandYAxis"; drag.minimumY: 0; drag.maximumY: 500
+ drag.minimumX: 0; drag.maximumX: 400
}
}
}
+
Image {
source: "tack.png"
- x: -width / 2
- y: -height * 0.7 / 2
- scale: 0.7
+ x: -width / 2; y: -height * 0.7 / 2; scale: 0.7
+ }
+
+ 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 }
}
- 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
- }
- }
- ]
}
}
}