QML鼠标区域控制

 1 import QtQuick 2.4
 2 import QtQuick.Controls 1.3
 3 import QtQuick.Window 2.2
 4 import QtQuick.Dialogs 1.2
 5 
 6 Rectangle{
 7     id: root
 8     width: 210
 9     height: 100
10 
11     Rectangle{
12         id: rect1
13         width: 100; height:100
14         color: "lightsteelblue"
15         MouseArea{
16             anchors.fill: parent
17 
18             onClicked: {
19                 rect2.visible = !rect2.visible
20                 console.log("visible: ", rect2.visible)
21             }
22         }
23     }
24 
25     Rectangle{
26         id: rect2
27         x:110; y:0
28         width: 100; height:100
29         color: "lightsteelblue"
30         border.color: "lightgreen"
31         border.width: 5
32         radius: 10
33     }
34 
35 }