Qt Quick Ejemplos - MouseArea

El ejemploMouseArea muestra cómo responder a clics y arrastres con un MouseArea. Para más información, visite Conceptos importantes en Qt Quick - Entrada de usuario.

Ejecución del ejemplo

Para ejecutar el ejemplo desde Qt Creatorabra el modo Welcome y seleccione el ejemplo de Examples. Para más información, consulte Qt Creator: Tutorial: Construir y ejecutar.

Comportamiento del MouseArea

Al hacer clic dentro del cuadrado rojo, el tipo Text listará varias propiedades de ese clic que están disponibles para QML. La opacidad del cuadrado rojo se reducirá mientras el ratón esté pulsado y permanezca dentro de MouseArea.

El MouseArea emite señales cuando se producen clics u otras operaciones discretas en su interior.

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

MouseArea también puede utilizarse para arrastrar elementos. Estableciendo los parámetros de la propiedad drag, el elemento de destino será arrastrado alrededor si el usuario comienza a arrastrar dentro de los límites del área del ratón.

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

Proyecto de ejemplo @ code.qt.io