MouseArea
MouseArea是一个不可见的项目,通常用来和一个可见的项目配合使用,为可视
项目提供鼠标处理。鼠标处理的逻辑完全包含在这个MouseArea项目中。MouseArea的enabled属性可以用来设置是否启用鼠标处理,默认为true。如果设置为false,MouseArea对于鼠标事件将会变为透明,也就是不再处理任何鼠标事件。只读的pressed属性表明,用户是否在MouseArea上按住了鼠标按钮。这个属性经常用于属性绑定,可以实现在鼠标按下时执行一些操作。只读的containsMouse属性表明,当前鼠标光标是否在MouseArea上。默认只有鼠标的一个按钮处于按下状态时才可以被检测到。对于鼠标位置和按钮单击等信息是通过信号提供的,而我们可以使用事件处理器来获取这些信息。最常用的有onClicked()、onDoubleClicked()、onPressed()、onReleased()和onPressAndHold()等,使用on Wheel()则可以处理滚轮事件。默认情况下,MouseArea项目只报告鼠标单击而不报告鼠标光标的位置改变。这可以通过设置hoverEnabled属性为true来进行更改。这样设置之后,onPositionChanged()、onEntered()和onExited()等处理函数才可以使用,而且这时containsMouse属性也可以在没有鼠标按钮按下的情况下检查光标。
Rectangle {
width: 100; height: 100
color: "red"
MouseArea {
anchors.fill: parent
onClicked: { parent.color = 'green'}
}
}