Qt Quick Exemples - MouseArea

L'exempleMouseArea montre comment répondre aux clics et aux glissements avec un MouseArea. Pour plus d'informations, voir Important Concepts In Qt Quick - User Input (Concepts importants de - Entrée utilisateur).

Exécution de l'exemple

Pour exécuter l'exemple à partir de Qt CreatorOuvrez le mode Welcome et sélectionnez l'exemple à partir de Examples. Pour plus d'informations, voir Qt Creator: Tutoriel : Construire et exécuter.

Comportement de la zone de la souris

Lorsque vous cliquez à l'intérieur du carré rouge, le type Text énumère plusieurs propriétés de ce clic qui sont disponibles pour QML. L'opacité du carré rouge est réduite tant que la souris est enfoncée et reste à l'intérieur de MouseArea.

Des signaux sont émis par le site MouseArea lorsque des clics ou d'autres opérations discrètes se produisent à l'intérieur de celui-ci.

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

MouseArea peut également être utilisé pour faire glisser des éléments. En définissant les paramètres de la propriété drag, l'élément cible sera déplacé si l'utilisateur commence à le faire glisser à l'intérieur des limites de la zone de la souris.

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

Exemple de projet @ code.qt.io