QML鼠标区域控制

鼠标操作使用很多，下面给出一个示例：

 import QtQuick 2.4
 import QtQuick.Controls 1.3
 import QtQuick.Window 2.2
 import QtQuick.Dialogs 1.2

 Rectangle{
     id: root
     width: 210
     height: 100

     Rectangle{
         id: rect1
         width: 100; height:100
         color: "lightsteelblue"
         MouseArea{
             anchors.fill: parent

             onClicked: {
                 rect2.visible = !rect2.visible
                 console.log("visible: ", rect2.visible)
             }
         }
     }

     Rectangle{
         id: rect2
         x:110; y:0
         width: 100; height:100
         color: "lightsteelblue"
         border.color: "lightgreen"
         border.width: 5
         radius: 10
     }

 }