qml gridlayout添加控件使用函数

在 QML 中，可以使用 GridLayout 来布局控件。要向 GridLayout 中添加控件，可以使用 additem() 函数。

例如，下面是一个示例代码，演示如何使用 GridLayout 添加两个按钮：

import QtQuick 2.0
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 200
    height: 200

    GridLayout {
        columns: 2
        spacing: 10
        
        Button {
            text: "Button1"
        }
        
        Button {
            text: "Button2"
        }
    }
}

在上面的代码中，GridLayout 的 columns 属性设置为 2，表示该布局包含两列。spacing 属性设置为 10，表示控件之间的间距为 10。

接下来，在 GridLayout 中添加两个按钮。第一个按钮的文本为 “Button1”，第二个按钮的文本为 “Button2”。这两个按钮将被自动放置在 GridLayout 中的第一行，第二列和第二行，第一列。

如果想要动态添加控件，可以使用 additem() 函数。例如，下面的示例代码演示了如何创建一个 GridLayout，并在其中添加一个按钮：

import QtQuick 2.0
import QtQuick.Controls 2.0

ApplicationWindow {
    visible: true
    width: 200
    height: 200

    GridLayout {
        id: grid
        columns: 1
        spacing: 10
    }

    Button {
        text: "Add Button"
        onClicked: {
            var button = Qt.createComponent("Button.qml");
            grid.addItem(button);
        }
    }
}

在上面的代码中，GridLayout 的 id 属性设置为 “grid”，以便在 JavaScript 中引用它。

接下来，创建一个按钮，并将其添加到 GridLayout 中。在 onClicked 信号的处理程序中，使用 Qt.createComponent() 函数创建一个新的 Button 对象，并将其添加到 GridLayout 中的最后一行。