blob: 540866fb56a6cb5dba02c3bebdec93186fdcadd9 (
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
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
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
|
import QtQuick 1.0
/*
This test displays 6 red rects -- 4 in the top row, 2 in the bottom.
Sequence:
1. the bottom-left rect turns blue, then green
2. the second rect in the top row turns blue
3. the third rect in the top row turns blue
4. the last rect in the top row quickly turns blue then back to red
5. the bottom-left rect turns blue, then green
*/
Rectangle {
id: root
width: 400
height: 100
// Left click on me
Rectangle {
width: 98; height: 48
color: "red"
MouseArea {
id: mr1
anchors.fill: parent
enabled: false
onClicked: { parent.color = "blue"; root.error = "mr1 should ignore presses"; }
}
}
// Left click, then right click
Rectangle {
x: 100
width: 98; height: 48
color: "red"
MouseArea {
id: mr2
anchors.fill: parent
acceptedButtons: Qt.RightButton
onClicked: {
if (mouse.button == Qt.RightButton) {
parent.color = "blue";
} else {
parent.color = "green";
root.error = "mr1 should ignore presses";
}
}
}
}
// press and hold me
Rectangle {
x: 200
width: 98; height: 48
color: "red"
MouseArea {
id: mr3
anchors.fill: parent
onPressAndHold: {
parent.color = "blue";
}
}
}
// click me
Rectangle {
x: 300
width: 98; height: 48
color: "red"
MouseArea {
id: mr4
anchors.fill: parent
onPressed: {
parent.color = "blue";
}
onReleased: {
parent.color = "red";
}
}
}
// move into and out of me
Rectangle {
x: 0
y: 50
width: 98; height: 48
color: "red"
MouseArea {
id: mr5
anchors.fill: parent
hoverEnabled: true
onEntered: {
parent.color = "blue";
}
onExited: {
parent.color = "green";
}
}
}
// click, then double click me
Rectangle {
x: 100
y: 50
width: 98; height: 48
color: "red"
MouseArea {
id: mr6
anchors.fill: parent
onClicked: {
parent.color = "blue";
}
onDoubleClicked: {
parent.color = "green";
}
}
}
// click, then double click me - nothing should happen
Rectangle {
x: 100
y: 50
width: 98; height: 48
color: "red"
MouseArea {
id: mr7
anchors.fill: parent
enabled: false
onClicked: { parent.color = "blue" }
onPressed: { parent.color = "yellow" }
onReleased: { parent.color = "cyan" }
onDoubleClicked: { parent.color = "green" }
}
}
}
|
