定位器
Row：将其子项排成一排
Flow：并排放置其子级，并根据需要进行换行
Column：将其子项排成一列
Grid：将其子项定位在网格中
LayoutMirroring：用于镜像布局行为的属性
Positioner：提供附加属性，其中包含有关项目在定位器中存在的位置的详细信息
Window {
id: root
width: 200
height: 100
color: "red"
visible: true
/*---------------Row---------------*/
Row {
spacing: 20//项目间距
Rectangle { ...... }
Rectangle { ...... }
Rectangle { ...... }
}
/*---------------Column---------------*/
Column {
spacing: 20//项目间距
Rectangle { ...... }
Rectangle { ...... }
Rectangle { ...... }
}
/*---------------Grid---------------*/
Grid {
columns: 2// 2 列
spacing: 20//项目间距
Rectangle { ...... }
Rectangle { ...... }
Rectangle { ...... }
}
/*---------------Flow---------------*/
Flow {
anchors.margins: 4
spacing: 20//项目间距
Rectangle { ...... }
Rectangle { ...... }
Rectangle { ...... }
}
}