What is the standard way of stretching several buttons/ rectangles on full device width?
I tried to use anchors and Column/Row in my example.
Page {
title: qsTr("Page")
Column {
id: contentControl
anchors.left: parent.left
anchors.top: parent.top
anchors.right: parent.right
anchors.bottom: parent.bottom
Row {
spacing: 2
anchors.left: parent.left
anchors.top: parent.top
anchors.right: parent.right
Rectangle {
id: rectangle1
anchors.left: parent
width: (parent.width-2)/2
height: dp(100)
color: "#990000"
radius: 2
}
Rectangle {
id: rectangle
//anchors.right: parent
width: (parent.width-2)/2
height: dp(100)
color: "#009900"
radius: 2
}
}
}
}
Layout alignment I want to create:
1 2
3 4
1 2 3
4 5 6
7 8 9
Regards