Qt Quick Exemples - MouseArea

L'exempleMouseArea montre comment réagir aux clics et aux glissements à l'aide d'un MouseArea. Pour plus d'informations, consultez la section « Concepts importants » de la documentation « Qt Quick » - « Entrées utilisateur ».

Exécution de l'exemple

Vous pouvez exécuter l'exemple à partir de :

• Qt Creator

  Ouvrez le mode « Welcome » et sélectionnez l’exemple dans « Examples ». Pour plus d’informations, consultez Qt Creator: Tutoriel : Compiler et exécuter.

• Qt Extension for Visual Studio Code

  Exécutez la commande « Qt: Open Qt examples » à partir de « Command Palette », puis sélectionnez l’exemple dans la liste. Pour plus d’informations, consultez Qt Extension for Visual Studio Code: Tutoriel : Compiler et exécuter.

Comportement de MouseArea

Lorsque vous cliquez à l’intérieur du carré rouge, le type « Text » répertorie plusieurs propriétés de ce clic qui sont disponibles pour QML. L’opacité du carré rouge diminue tant que le bouton de la souris est enfoncé et que le curseur reste à l’intérieur de la zone « MouseArea ».

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

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

MouseArea Cette propriété peut également être utilisée 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