QML MouseArea 嵌套鼠标点击事件失效问题

QML MouseArea重叠失效问题

当有两个MouseArea重叠时,鼠标按下、擡起、点击操作,正常情况下是响应后面一个MouseArea的操作。

在这里插入图片描述
结果:
qml: blue pressed
qml: blue released
qml: blue clicked

若在某些条件下想要响应red的操作,某些条件下想响应blue的操作呢?

对于嵌套MouseArea事件传递,有propagateComposedEvents属性,当为true时可以传递鼠标事件,默认值为false,所以默认是上述结果。

当propagateComposedEvents为true时,事件触发后,添加mouse.accepted = false语句,事件便可传递到下层mouseArea。
在这里插入图片描述
结果:
qml: blue pressed
qml: Red pressed
qml: Red released
qml: red clicked

那么问题来了,若red按下之后便失效了,会怎样?
在上述基础上按下时加上mouser.visible=false。
输出:
qml: blue pressed
qml: blue pressed
这个很好理解,因为按下时,blue收到按下操作,然后事件传递到red,red执行按下操作之后red失效,那么擡起和点击操作就识别不到了。

而且,即使后续red再次有效后,也不能收到事件。

** 总结 **
涉及到MouseArea嵌套,且有鼠标区域有设置可见不可见时,应该要特别留意,若发生上述:失效前收到的是按下事件,没有收到擡起事件,那么当它再次有效时,也无法再收到擡起事件,那么点击事件就会无效了。

解决时,可以用组件封装MouseArea,通过控制组件的可见性来达到鼠标区域可点与不可点的效果。
另外就是用MultiPointTouchArea代替MouseArea,可以避免上述问题。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章