QML定位器

定位器

QML又许多的定位元素，这些定位元素被称为定位器，其中有Row，Column，Grid和Flow

Column

将子项排成一列，spacing属性可用于将每个元素彼此隔开，padding设置Column与子项的之间的间距

    Column {
        spacing: 2
        padding: 10

        Rectangle { 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: 2
        padding: 10

        Rectangle { 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

流布局定位器将其子项添加到流中