qml 动态添加多个自定义控件

在QML中，你可以使用动态创建组件的方法来添加多个自定义控件。你可以使用Qt.createComponent()函数来动态创建组件实例，并使用createObject()函数来创建组件的多个实例。以下是一个示例代码：

import QtQuick 2.0

Rectangle {
    id: container
    width: 200
    height: 200

    function createCustomButton() {
        var component = Qt.createComponent("CustomButton.qml");
        if (component.status === Component.Ready) {
            var button = component.createObject(container);
            button.x = Math.random() * (container.width - button.width);
            button.y = Math.random() * (container.height - button.height);
        } else {
            console.log("Error creating component:", component.errorString());
        }
    }

    MouseArea {
        anchors.fill: parent
        onClicked: {
            createCustomButton();
        }
    }
}

这个示例中，我们创建了一个名为container的矩形容器，它用于放置自定义按钮。当鼠标点击容器时，会调用createCustomButton()函数来创建一个自定义按钮的实例，并将其放置在容器内的随机位置。你可以根据需要设置按钮的属性和行为。