QML之MouseArea

MouseArea

MouseArea是一个不可见的项目，通常用来和一个可见项目配合使用。

enabled属性

默认为true；
如果为false，那么MouseArea对于鼠标将会变得透明，不处理任何鼠标事件。

pressed属性

只读的pressed属性表明，用户是否在MouseArea上按住了鼠标按钮。这个属性经常用于属性绑定，可以实现在鼠标按下时执行一些操作。

containsMouse属性

只读的containsMouse属性表明，当前鼠标光标是否在MouseArea上。默认只有鼠标的一个按钮处于按下状态时，才可以被检测到。

hoverEnabled属性

默认MouseArea项目只报告鼠标单击而不报告鼠标光标的位置改变。可以设置hoverEnabled属性为true来更改。
这样设置之后，onPositionChanged()和onEntered()和onExited()等函数才可以使用。
而且这时候containsMouse属性也可以在没有鼠标按钮按下的情况下 检查光标。

propagateComposedEvents属性

当MouseArea与其他的MouseArea项目重叠时候，可以设置propagateComposedEvents属性为true来传播clicked、doubleClicked和pressAndHold等事件。但是只有在MouseArea没有接受这些事件的时候，它们才可以继续向下传播。

即当事件已经在一个MouseArea中进行处理，则需要在其事件处理器中设置MouseEvent.accepted为false，这样事件才能继续向下传播。

Rectangle {
        color: "yellow"
        width: 100;
        height: 100
        MouseArea{
            anchors.fill: parent
            onClicked: console.log("Clicked yellow")
            onDoubleClicked: {
                console.log("double clicked yellow")
                mouse.accepted=false
            }
        }
        Rectangle{
            color:"blue"
            width: 50
            height: 50
            MouseArea{
                anchors.fill: parent
                propagateComposedEvents: true
                onClicked: {
                    console.log("clicked blue")
                    mouse.accepted=false
                }
                onDoubleClicked: {
                    console.log("double clicked")
                    mouse.accepted=false
                }
            }
        }
    }

因为蓝色的矩形的MouseArea设置了propagateComposedEvents为true，且clicked和doubleClicked事件的MouseEvent.accept设置设置为false，所有蓝色矩形的 所有单击和双击事件都会传播到黄色矩形。

鼠标事件：MouseEvent

mouse.accepted属性

通过设置accepted为true防止鼠标事件传播到下一层项目。

mouse.x属性

通过x和y来获取鼠标位置。

mouse.button属性

通过button或buttons可以获取按下的按键；
Qt.LeftButton、Qt.RightButton、Qt.MiddleButton、

modifiers

通过modifiers属性可以设置获取按下的键盘修饰符
常用按键有：
Qt.NoModifiers:没有修饰符被按下
Qt.ShiftModifiers:Shift被按下
Qt.ControlModifiers:Ctrl被按下
Qt.AltModifiers:Alt被按下
Qt.MetaModifiers:Meta键被按下
Qt.KeypadModifiers:小键盘按钮被按下

Rectangle{
    width:!00;
    height:100;
    color:"green"
    MouseArea{
        anchors.fill:parent;
        acceptedButtons:Qt.LeftButton|Qt.rightButton
        onClicked:{
            if(mouse.button==Qt.RightButton)
                parent.color="blue"
            else
                parent.color="red"

        }
        onDoubleClicked:{
            if(mouse.button==Qt.LeftButton)
                &&(mouse.modifiers&Qt.ShiftModifiers)
                    parent.color="green"
        }
    }
}

鼠标滚动：WheelEvent

使用鼠标滚轮事件。
onWheel处理器有一个wheel参数，就是WheelEvent类型的。
最重要的一个属性是angleDelta，可以用来获取滚轮滚动的距离，它的x,y坐标分别保存了水平和垂直方向的增量。
向上或者向右返回正值，向下或者向左返回负值。
大多数鼠标，每当滚轮旋转一下是15°，此时angleDelta的值就是15*8=120。

滚轮向上滚动放大字号，向下缩小字号。

import QtQuick 2.2
Rectangle{
    width:360;
    height:360
    Text{
        id:myText;
        anchors.centerIn:parent;
        text:"Qt"

    }
    MouseArea{
        anchors.fill:parent;
        onWheel:{
            if(wheel.modifiers & Qt.ControlModifier){
                myText.font.pointSize+=1;
            }else{
                myText.font.pointSize-=1;
            }
        }
    }
}

拖放事件

MouseArea中的drag分组属性。