最近在开发过程中,遇到了鼠标穿透的问题。结合网上给予的方法,都试了一圈,在这里总结一下:
import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Controls 2.0
Window {
visible: true
640
height: 480
title: qsTr("Hello World")
//flags: Qt.FramelessWindowHint
Button{
40
height:40
x:200
y:200
text:"tab button"
// onClicked: {
// console.log("tab clicked")
// }
// onPressed: {
// console.log("tab pressed")
// }
// onReleased: {
// console.log("tab released")
// }
MouseArea{
anchors.fill: parent
enabled: true
onClicked: {
console.log("tab clicked")
}
onPressed: {
console.log("tab pressed")
}
onReleased: {
console.log("tab released")
}
}
}
Rectangle{
id:menu
100
height:100
x:200
y:200
color: "transparent"
MouseArea{
anchors.fill: parent
propagateComposedEvents: true
enabled: true
// onClicked: {
// console.log("menu.clicked")
// }
onMouseYChanged: {
console.log("menu.MouseYChanged")
}
onPressed: {
console.log("menu.Pressed")
mouse.accepted = false
}
onReleased: {
console.log("menu.released")
mouse.accepted = false
}
}
}
}
结合网上方法:
如果想要穿透大概有两种方法。
如果跟节点是window,就设置Qt.FramelessWindowHint
如果是Item,就要把上层的mousearea的enable=true
但是,同样穿透的话。上层的mouseArea的released我试了下,好像无法响应。
如果不想穿透,原理反之。
1)enable为false.
2)不设置Qt.FramelessWindowHint
3)在上层的mouseArea就把press,released,clicked事件放在那里,就不响应。
tips:
将上层的MouseArea的propagateComposedEvents: true,并且把mouse.accepted = false。就只会响应下层的MouseArea的事件。
关于鼠标响应事件的顺序,基于输入框的:
https://www.devbean.net/2014/03/qt-study-road-2-qml-input-elements/