QML定位器
QML定位器
- 定位器
- Column
- Row
- Grid
- Flow
定位器
QML又许多的定位元素,这些定位元素被称为定位器,其中有Row,Column,Grid和Flow
Column
将子项排成一列,spacing属性可用于将每个元素彼此隔开,padding设置Column与子项的之间的间距
Column {spacing: 2padding: 10Rectangle { color: "white" ; border.width: 1; width: 50; height: 50}Rectangle { color: "green" ; width: 20; height: 50}Rectangle { color: "red" ; width: 50; height: 20}}
Row
将子项彼此相邻放置,从左到右或者右到左,具体取决layoutDirection属性,同样spacing用于分割子项。
Row {spacing: 2padding: 10Rectangle { color: "white" ; border.width: 1; width: 50; height: 50}Rectangle { color: "green" ; width: 20; height: 50}Rectangle { color: "red" ; width: 50; height: 20}}
Grid
在网格中排列其子元素,通过设置rows和columns属性可以约束行列的数量。属性flow和layoutDirection用于控制项添加到网格的顺序,而spacing控制分割子项的空间量。
Flow
流布局定位器将其子项添加到流中