Anchor layout

Anchor layout

Item {
        id: item
        anchors.fill: parent
        Rectangle {
            id: rec
            width: 150
            height: 50
            color: "red"
            anchors.centerIn: parent
        }

        Button {
            anchors.top: rec.bottom
            anchors.left: rec.left
            anchors.right: rec.right
        }
    }

Button {
            anchors.horizontalCenter: parent.horizontalCenter
//            anchors.verticalCenter: parent.verticalCenter
        }

Button {
            anchors.margins: 10
            anchors.fill:parent
        }

Button {
            anchors.horizontalCenter: parent.horizontalCenter
            anchors.horizontalCenterOffset: -10
        }

FIG omitted Effect