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
|
// Copyright (C) 2016 The Qt Company Ltd.
// SPDX-License-Identifier: LicenseRef-Qt-Commercial OR GPL-3.0-only
import QtQuick 2.0
Rectangle {
id: page
width: 640
height: 480
color: "white"
Rectangle {
id: header
color: "#c0c0c0"
height: usage.height + chkClip.height
anchors.left: parent.left
anchors.right: parent.right
Text {
id: usage
text: "Use an a11y inspect tool to see if all visible rectangles can be found with hit testing."
}
Rectangle {
id: chkClip
property bool checked: true
color: (checked ? "#f0f0f0" : "#c0c0c0")
height: label.height
width: label.width
anchors.left: parent.left
anchors.bottom: parent.bottom
MouseArea {
anchors.fill: parent
onClicked: chkClip.checked = !chkClip.checked
}
Text {
id: label
text: "Click here to toggle clipping"
}
}
}
Rectangle {
clip: chkClip.checked
z: 2
id: rect1
width: 100
height: 100
color: "#ffc0c0"
anchors.top: header.bottom
Rectangle {
id: rect2
width: 100
height: 100
x: 50
y: 50
color: "#ffa0a0"
Rectangle {
id: rect31
width: 100
height: 100
x: 80
y: 80
color: "#ff8080"
}
Rectangle {
id: rect32
x: 100
y: 70
z: 3
width: 100
height: 100
color: "#e06060"
}
Rectangle {
id: rect33
width: 100
height: 100
x: 150
y: 60
color: "#c04040"
}
}
}
Rectangle {
x: 0
y: 50
id: recta1
width: 100
height: 100
color: "#c0c0ff"
Rectangle {
id: recta2
width: 100
height: 100
x: 50
y: 50
color: "#a0a0ff"
Rectangle {
id: recta31
width: 100
height: 100
x: 80
y: 80
color: "#8080ff"
}
Rectangle {
id: recta32
x: 100
y: 70
z: 100
width: 100
height: 100
color: "#6060e0"
}
Rectangle {
id: recta33
width: 100
height: 100
x: 150
y: 60
color: "#4040c0"
}
}
}
}
|
