Question

我有一个滑块和一个用于在滑块上滑动的图像，如下所示。

Image
{
    id: slideImg
    source:  "/slider/SliderSelected.png"
    width: 65
    height: 65

    onDragActiveChanged:
    {


        if (!dragActive )
        {
            main.selection (x + slideImg.width/2 , true);
        }

    }
  property bool dragActive: dragArea.drag.active

}

mouseArea看起来像这样：

MouseArea
{
    id: dragArea
    anchors.fill: thumb
    enabled: !isDisabled
    height: 65
    width: 463
    drag
    {
        readonly property int dragThreshold: 10
        target: thumb
        minimumX: 0
        minimumY: 0
        maximumY:100

        maximumX: mainElement.width - thumb.width
        axis: Drag.XAxis
        threshold: dragThreshold
    }
    onCanceled: {
        console.log("onCanceled ")

    }
    onExited: {
        console.log("onExited ")
        Drag.cancel()
    }


}

当我按住sliderImage并将其滑动到滑块区域之外时，我想取消拖动。拖动区域应限制在鼠标区域。如果我们移出鼠标区域，我想取消拖动。但是Drag.cancel（）并没有取消拖动。有没有办法取消阻力？

Answer 1

我不确定，你试图通过这个来实现，但尝试取消设置drag.target

onExited: drag.target = null
onEntered: drag.target = myTarget

我认为这应该适合你。

但您可能还想查看状态（具有拖动状态，仅当鼠标位于该区域时才会启用。

MouseArea {
    id: dragArea
    anchors.fill: parent

    states: [
        State {
            when: dragArea.containsMouse

            PropertyChanges {
                target: dragArea
                drag.target: dragger
            }
        }
    ]
}

您可能还想查看最大和最小X和Y值。这可能是你真正想要的东西我认为不可能自动重置位置，但是一旦你合法地结束了拖拽，你可以通过将ne值存储在一个额外的变量中，并且一旦你没有恢复它们就可以轻松地处理你的自己。

我希望我能帮到你！

退出鼠标区域时无法取消拖动

1 个答案: