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
103
104
105
106
107
108
109
110
111
112
113
114
115
116
|
import QtQuick
Rectangle {
id: root
objectName: "busybox"
height: 256
width: 256
color: "#444"
border.color: "cyan"
border.width: 2
antialiasing: true
component HoverTapButton: Rectangle {
id: htbutton
property string name: ""
objectName: name + " handlers button"
property alias pressed: utap.pressed
property point lastPressPos: Qt.point(-1, -1)
property point lastReleasePos: Qt.point(-1, -1)
property int clickedCount: 0
onPressedChanged: {
if (pressed)
lastPressPos = utap.point.position;
else
lastReleasePos = utap.point.position;
}
width: 120; height: 40
color: utap.pressed ? "tomato" : "beige"
radius: 5
border.width: 3
border.color: uhover.hovered ? "orange" : "black"
antialiasing: true
HoverHandler {
id: uhover
objectName: htbutton.name + " HoverHandler"
cursorShape: Qt.OpenHandCursor
}
TapHandler {
id: utap
objectName: htbutton.name + " TapHandler"
onTapped: ++clickedCount
}
Text {
anchors.centerIn: parent
text: "hover & tap"
}
}
HoverHandler {
id: feedback
objectName: root.objectName + " hover position feedback"
target: Rectangle {
color: "orange"
parent: root
x: feedback.point.position.x - width / 2
y: feedback.point.position.y - height / 2
width: 10; height: width; radius: width
}
}
Text {
color: "orange"
text: "hover " + feedback.point.position.x.toFixed(1) + ", " + feedback.point.position.y.toFixed(1)
anchors.bottom: parent.bottom
anchors.margins: 3
x: 3
}
Row {
x: 10; y: 10; z: 1
spacing: 10
Column {
spacing: 10
HoverTapButton {
name: root.objectName + " upper"
}
HoverTapButton {
name: root.objectName + " lower"
}
Rectangle {
objectName: root.objectName + " mousearea button"
width: 120; height: 40
color: ma.pressed ? "tomato" : "beige"
radius: 5
border.width: 3
border.color: ma.containsMouse ? "orange" : "black"
antialiasing: true
MouseArea {
id: ma
objectName: root.objectName + " button mousearea"
anchors.fill: parent
hoverEnabled: true
property point lastPressPos: Qt.point(-1, -1)
property point lastReleasePos: Qt.point(-1, -1)
property int clickedCount: 0
onPressed: (mouse) => { lastPressPos = Qt.point(mouse.x, mouse.y) }
onReleased: (mouse) => { lastReleasePos = Qt.point(mouse.x, mouse.y) }
onClicked: ++clickedCount
}
Text {
anchors.centerIn: parent
text: "hover & click"
}
}
TextInput {
text: "Edible Text"
color: "cyan"
focus: true
}
}
DragAnywhereSlider {
objectName: root.objectName + " slider"
}
}
}
|
