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
|
import QtQuick 2.4
Item {
width: 500
height: 500
Rectangle {
width: 300
height: 90
color: mouseArea1.containsMouse ? "red" : "grey"
x: 100
y: 100
MouseArea {
id: mouseArea1
objectName: "mouseArea1"
anchors.fill: parent
hoverEnabled: true
onPressed: parent.border.width = 4
onReleased: parent.border.width = 0
}
}
Rectangle {
width: 300
height: 100
color: mouseArea2.containsMouse ? "red" : "lightblue"
x: 100
y: 200
MouseArea {
id: mouseArea2
objectName: "mouseArea2"
anchors.fill: parent
hoverEnabled: true
onPressed: parent.border.width = 4
onReleased: parent.border.width = 0
}
}
}
|
