QML鼠标事件实现变色矩形

QML支持鼠标事件处理，我们可以利用这个来实现一个变色矩形示例，代码如下：

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

 Rectangle{
     id: root
     width:  512
     height: 512
     color: "gray"

     MouseArea {
         anchors.fill: parent
         acceptedButtons: Qt.LeftButton | Qt.RightButton

         onClicked: {
             if (mouse.button == Qt.LeftButton){
                 color = Qt.rgba((mouse.x % 255)/255.0, (mouse.y % 255)/255.0, 0.6, 1.0);
             }else if (mouse.button == Qt.RightButton){
                 Qt.quit();
             }
         }

         onDoubleClicked: {
             color = "gray"
         }
     }
 }