将MouseArea扩展到组件之外

Question

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

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个像素？显然用鼠标击中正确的像素是很困难的。

Answer 1

您可以向margins添加否定的MouseArea：

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