blob: e9aae618bd35b01d86f1ac120cb73d9e56e7cf9c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
|
import Qt 4.6
Rectangle {
color: "lightSteelBlue"
width: 300; height: 600
ListModel {
id: list
ListElement { dayColor: "steelblue" }
ListElement { dayColor: "blue" }
ListElement { dayColor: "yellow" }
ListElement { dayColor: "purple" }
ListElement { dayColor: "red" }
ListElement { dayColor: "green" }
ListElement { dayColor: "orange" }
}
Flickable {
id: Flick
height: parent.height-50
width: parent.width; viewportHeight: column.height
Column {
id: column
Repeater {
model: list
Rectangle { width: 300; height: 200; color: mr.pressed ? "black" : dayColor
MouseRegion {
id: mr
anchors.fill: parent
}
}
}
}
clip: true
reportedVelocitySmoothing: 1000
}
Rectangle {
radius: 3
x: Flick.width-8
width: 8
y: Flick.visibleArea.yPosition * Flick.height
height: Flick.visibleArea.heightRatio * Flick.height
}
// click to toggle interactive flag
Rectangle {
width: 64
height: 48
y: parent.height - 50
color: "red"
MouseRegion {
anchors.fill: parent
onClicked: Flick.interactive = Flick.interactive ? false : true
}
}
// click to toggle click delay
Rectangle {
width: 64
height: 48
x: 66
y: parent.height - 50
color: "green"
MouseRegion {
anchors.fill: parent
onClicked: Flick.pressDelay = Flick.pressDelay > 0 ? 0 : 500
}
}
// click to toggle overshoot
Rectangle {
width: 64
height: 48
x: 130
y: parent.height - 50
color: "yellow"
MouseRegion {
anchors.fill: parent
onClicked: Flick.overShoot = Flick.overShoot > 0 ? 0 : 30
}
}
Rectangle {
width: Math.abs(Flick.verticalVelocity)/100
height: 50
x: 200
y: parent.height - 50
color: blue
}
}
|