import QtQuick 2.3

Rectangle {
    width: 800
    height: 600

    Rectangle{
        width: parent.width / 2
        height:100
        color: m1.pressed ? "yellow" : "red"
        MouseArea{
            id: m1
            multiPointTouchEnabled: true
            anchors.fill: parent
            //onPressed: parent.color = "red"
            //onReleased:parent.color = "gray"
            //onClicked: parent.color = Qt.rgba(Math.random(), Math.random(), Math.random(), 1)
        }
    }
    Rectangle{
        x: parent.width / 2
        width: parent.width / 2
        height:100
        MouseArea{
            multiPointTouchEnabled: true
            anchors.fill: parent
            onPressed: parent.color = "green"
            onReleased:parent.color = "white"
        }
    }

    Rectangle{
        id: item0
        border.color: "red"
        border.width: 2
        y:100
        width: parent.width / 2
        height: parent.height - 100
        PinchArea{
            anchors.fill: parent
            pinch.target: parent
            pinch.minimumScale: 0.5
            pinch.maximumScale: 3
            pinch.dragAxis: Pinch.XAndYAxis
            pinch.minimumRotation: -1440
            pinch.maximumRotation: 1440
            TestListView{
                anchors.fill: parent
            }
        }
    }

    Rectangle{
        id: item1
        border.color: "blue"
        border.width: 2
        x: parent.width / 2
        y:100
        width: parent.width / 2
        height: parent.height - 100
        PinchArea{
            anchors.fill: parent
            pinch.target: parent
            pinch.minimumScale: 0.5
            pinch.maximumScale: 3
            pinch.dragAxis: Pinch.XAndYAxis
            pinch.minimumRotation: -1440
            pinch.maximumRotation: 1440
            TestListView{
                anchors.fill: parent
            }
        }
    }

}