QML中根据数组生成多个按钮

在 QML 中，你可以使用 ListModel 和 ListView 来根据数组生成多个按钮。

首先，你需要创建一个 ListModel，将按钮的标签作为模型的属性，例如：

ListModel {
    id: buttonModel
    ListElement { text: "Button 1" }
    ListElement { text: "Button 2" }
    ListElement { text: "Button 3" }
}

然后，你可以使用 ListView 来显示这个 ListModel 中的所有元素，并将每个元素渲染为一个按钮，例如：

ListView {
    model: buttonModel
    delegate: Button {
        text: model.text
        onClicked: console.log("Button clicked:", model.text)
    }
}

这个代码段使用 ListView 来显示 buttonModel 中的所有元素。每个元素都被渲染为一个 Button 控件，其文本内容设置为模型的 text 属性。当按钮被点击时，它会输出一个消息到控制台，显示按钮的文本内容。

这样，你就可以根据数组生成多个按钮了。如果你想从 JavaScript 代码中更新 ListModel 中的元素，可以使用 JavaScript 数组和 Qt.binding 函数来实现。例如：

property var buttonLabels: ["Button 4", "Button 5", "Button 6"]

ListModel {
    id: buttonModel
    Repeater {
        model: buttonLabels.length
        delegate: ListElement { text: buttonLabels[index] }
    }
}

ListView {
    model: buttonModel
    delegate: Button {
        text: model.text
        onClicked: console.log("Button clicked:", model.text)
    }
}

这个代码段将 JavaScript 数组 buttonLabels 定义为一个属性，并使用 Repeater 将其转换为 ListModel 中的元素。当 buttonLabels 数组发生变化时，ListModel 也会自动更新。