Qt Quick Examples - MouseArea

This is an example of the MouseArea type in QML

This example shows you how to respond to clicks and drags with a MouseArea.

When you click inside the red square, the Text type will list several properties of that click which are available to QML.

Signals are emitted by the MouseArea when clicks or other discrete operations occur within it

onPressAndHold: btn.text = 'Press and hold'
onClicked: btn.text = 'Clicked (wasHeld=' + mouse.wasHeld + ')'
onDoubleClicked: btn.text = 'Double clicked'

The MouseArea can also be used to drag items around. By setting the parameters of the drag property, the target item will be dragged around if the user starts to drag within the MouseArea.

drag.target: blueSquare
drag.axis: Drag.XAndYAxis
drag.minimumX: 0
drag.maximumX: box.width - parent.width
drag.minimumY: 0
drag.maximumY: box.height - parent.width

Files: