qml 实现 cloumn控件

在 QML 中，可以使用 Column 控件来实现垂直排列的布局。以下是一个示例代码：

import QtQuick 2.0

Column {
    spacing: 10 // 控件之间的间距

    Rectangle {
        width: 100
        height: 50
        color: "red"
    }

    Rectangle {
        width: 100
        height: 50
        color: "green"
    }

    Rectangle {
        width: 100
        height: 50
        color: "blue"
    }
}

在上面的示例代码中，我们创建了一个 Column 控件，并在其中添加了三个 Rectangle 控件，它们会按照垂直方向排列，且它们之间的间距为 10。

如果你想要设置 Column 控件的其他属性，例如宽度、高度、背景色等，可以在 Column 控件内部添加属性设置即可。

Column {
    width: 200
    height: 300
    color: "gray"
    spacing: 10

    // 其他控件
}

在上面的示例代码中，我们设置了 Column 控件的宽度为 200，高度为 300，背景色为灰色，且控件之间的间距为 10。你可以根据自己的需求设置不同的属性。