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
92
93
94
95
96
97
98
99
100
101
102
|
// Copyright (C) 2021 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR BSD-3-Clause
import QtQuick
import Qt.labs.animation
Item {
id: root
objectName: "viewport"
default property alias data: __contentItem.data
property alias velocity: anim.velocity
property alias contentX: __contentItem.x // sign is reversed compared to Flickable.contentX
property alias contentY: __contentItem.y // sign is reversed compared to Flickable.contentY
property alias contentWidth: __contentItem.width
property alias contentHeight: __contentItem.height
signal flickStarted
signal flickEnded
Item {
id: __contentItem
objectName: "__contentItem"
width: childrenRect.width
height: childrenRect.height
BoundaryRule on x {
id: xbr
minimum: root.width - __contentItem.width
maximum: 0
minimumOvershoot: 100
maximumOvershoot: 100
overshootFilter: BoundaryRule.Peak
}
BoundaryRule on y {
id: ybr
minimum: root.height - __contentItem.height
maximum: 0
minimumOvershoot: 100
maximumOvershoot: 100
overshootFilter: BoundaryRule.Peak
}
DragHandler {
id: dragHandler
onActiveChanged:
if (active) {
anim.stop()
root.flickStarted()
} else {
var vel = centroid.velocity
if (xbr.returnToBounds())
vel.x = 0
if (ybr.returnToBounds())
vel.y = 0
if (vel.x !== 0 || vel.y !== 0)
anim.restart(vel)
else
root.flickEnded()
}
}
WheelHandler {
rotationScale: 15
property: "x"
orientation: Qt.Horizontal
acceptedDevices: PointerDevice.Mouse | PointerDevice.TouchPad
onActiveChanged:
// emitting signals in both instances is redundant but hard to avoid
// when the touchpad is flicking along both axes
if (active) {
anim.stop()
root.flickStarted()
} else {
xbr.returnToBounds()
root.flickEnded()
}
}
WheelHandler {
rotationScale: 15
property: "y"
orientation: Qt.Vertical
acceptedDevices: PointerDevice.Mouse | PointerDevice.TouchPad
onActiveChanged:
if (active) {
anim.stop()
root.flickStarted()
} else {
ybr.returnToBounds()
root.flickEnded()
}
}
MomentumAnimation {
id: anim
target: __contentItem
onStarted: root.flickStarted()
onStopped: {
xbr.returnToBounds()
ybr.returnToBounds()
root.flickEnded()
}
}
}
}
|
