import QtQuick 2.3
import LineItem 1.0

Rectangle {
    color: "gray"
    Flickable {
        width: parent.width;
        height: parent.height
        contentWidth: 2500*4; contentHeight: 1500*4
        flickDeceleration: 10000
        leftMargin: Math.max((width - contentWidth)/2,0)
        topMargin: Math.max((height - contentHeight)/2,0)
        clip: true

        Rectangle {
            color: "white"
            id: contentRect
            anchors.top: parent.top
            anchors.left: parent.left
            width: parent.width/4
            height: parent.height/4
            
            transform: Scale {yScale: 4; xScale: 4}
            transformOrigin: Item.TopLeft

            Row {
                x:0
                y:0
                spacing: 4

                Rectangle {
                    height: 100
                    width: 100
                    color: "green"
                    Text {
                        text: "Hello, World!"
                    }
                }
                Rectangle {
                    height: 100
                    width: 100
                    color: "red"
                    Text {
                        text: "Hello, World!"
                    }
                }
                LineItem {
                    height: 100
                    width: 100
                }
            }
        }
    }
}