将 MouseArea 扩展到组件之外

Posted 2023-02-16

【中文标题】将 MouseArea 扩展到组件之外

【英文标题】：Extend MouseArea beyond component

【发布时间】：2018-04-06 15:56:06

【问题描述】：

我有一个宽度为 1（一条线）的 Rectangle，它应该是可拖动的：

Rectangle 
    id: recMark
    border.width: 0
    width: 1
    height: parent.height
    y: 0
    color: "red"
    opacity: 0.3
    visible: true
    MouseArea 
        anchors.fill: parent
        drag.target: recMark
        drag.axis: Drag.XAxis

    

是否可以将鼠标区域扩展到矩形之外，例如周围有3个像素？显然，用鼠标点击正确的像素是很困难的。

【参考方案1】：

您可以在MouseArea 中添加否定的margins：

MouseArea 
    anchors.fill: parent
    anchors.margins: -3
    // ...