如何通过Python动态实例化自定义QML组件并添加到ColumnLayout

• Python端未实际调用QML定义的doSomething函数：代码里写的root.doSomething仅获取了函数对象，没有加括号执行，所以函数完全没有运行
• 自定义Button.qml存在布局冲突：设置了anchors.fill: parent，按钮会直接占满整个父容器ColumnLayout，就算创建成功也只会看到一个按钮，其余会被完全覆盖
• ColumnLayout未绑定父容器尺寸：外层Item没有给ColumnLayout设置anchors.fill: parent，布局本身没有有效展示区域
• 生成多行按钮的循环代码被注释：要生成6个按钮的循环逻辑没有启用，最多只会创建1个按钮

1. 修复Main.py #

修改instantiate_widgets方法，启用循环并且实际调用QML函数：

class CreateWidgets(QObject):
    def instantiate_widgets(self, root, widgetsNeeded):
        for i in range(widgetsNeeded):
            # 加括号实际调用QML函数
            root.doSomething()

2. 修复view.qml #

给ColumnLayout添加填充父容器的绑定，可移除不需要的page Rectangle避免占用布局空间：

import QtQuick 2.0
import QtQuick.Layouts 1.12

Item{
    function doSomething(){
        var component = Qt.createComponent("Button.qml");
        if (component.status === Component.Ready) {
            var button = component.createObject(colLayout);
            button.color = "red";
        }
        console.log("Button created");
    }
    ColumnLayout{
        id: colLayout
        // 布局填充满外层Item
        anchors.fill: parent
    }
}

3. 修复Button.qml #

删除anchors.fill: parent配置，保留自定义尺寸：

import QtQuick 2.0
Rectangle { width: 80; height: 50; color: "red"; }

这种方案符合Qt的MVC设计规范，后续要修改按钮属性、增删按钮都更方便，不需要在Python和QML之间来回调用函数，直接操作模型即可，你提供的参考代码就是该方案的标准实现，可直接运行。

内容的提问来源于stack exchange，提问作者SCP3008