J'ai un curseur et une image utilisée pour glisser sur le curseur comme indiqué ci-dessous.Impossible d'annuler le glisser lorsque nous quittons la zone de la souris
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
}
Le MouseArea ressemble à ceci:
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()
}
}
Quand je détiens le sliderImage et faites-le glisser en dehors de la zone du curseur je voudrais annuler la traînée. La zone de traînée devrait être limitée à la zone de la souris. Si nous sortons de la zone de la souris, je voudrais annuler le glisser. Mais le Drag.cancel() n'annule pas le glisser. Est-il possible d'annuler la traînée?
Ça m'a vraiment aidé, merci :) – user2717079