import QtQuick 2.11
import QtQuick.Window 2.11

Window {
    visible: true
    width: 800
    height: 800
    title: qsTr("Hello World")

    PinchArea {
        id: pinchArea
        width: parent.width
        height: parent.height

        pinch.minimumScale: 0.5
        pinch.maximumScale: 3

        property real scaling: 1.0

        onPinchStarted: {
            console.log("onPinchStarted");
        }

        onPinchUpdated: {
            console.log("onPinchUpdated pinch.scale:" + pinch.scale);
            scaling = pinch.scale
        }

        onPinchFinished: {
            console.log("onPinchFinished");
        }

        Rectangle {
            width: 500 * pinchArea.scaling
            height: 500 * pinchArea.scaling
            color: "gray"

            Rectangle {
                anchors.fill: parent
                color: "blue"
                MouseArea {
                    anchors.fill: parent
                    onDoubleClicked: pinchArea.scaling = 1.0
                }
            }
        }
    }
}