1
我有一個滑塊和用於在滑塊上滑動的圖像,如下所示。當我們退出鼠標區域時無法取消拖動
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
{
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()不會取消拖動。有什麼辦法可以取消拖動嗎?
這真的很有幫助,謝謝:) – user2717079