将 MouseArea 扩展到组件之外

Question

我有一个宽度为 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个像素？显然，用鼠标点击正确的像素是很困难的。

Answer 1

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

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