import QtQuick 2.9
import QtQuick.Window 2.2
import QtQuick.Layouts 1.1
import QtQuick.Controls 2.2

Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    GridLayout  {
        anchors.centerIn: parent
        id: mainGrid
        columns: 2
        Rectangle   {
            id: r1
            color: "pink"
            implicitWidth: 100
            implicitHeight: 100
            Text {
                text: parent.width
                anchors.centerIn: parent
            }
        }

        Rectangle   {
            id: r2
            color: "pink"
            implicitWidth: 100
            implicitHeight: 100
            Layout.preferredWidth: parent.width * 0.2
            Layout.preferredHeight: parent.height * 0.2
            Text {
                text: parent.width
                anchors.centerIn: parent
            }
        }
    }
    Rectangle {
        id: mainGridGeometryVisualizer
        x: mainGrid.x
        y: mainGrid.y
        width: mainGrid.width
        height: mainGrid.height
        color: "transparent"
        border.color: "red"
    }
}