将对象从C++添加到 QML 布局

Question

我如何从C++中动态地向 id root 的那个添加更多Rectangle？例如，另外两个Rectangle的彩色red和green？

main.qml：

Rectangle {
    id: root
}

要在"根"下添加的典型 QML 对象：

Rectangle { color: "red"; width: 200; height: 200 }
Rectangle { color: "green"; width: 200; height: 200 }

Qt Creator 生成main.cpp：

int main(int argc, char *argv[]) { 
    QGuiApplication app(argc, argv);
    QtQuick2ApplicationViewer viewer;
    viewer.setMainQmlFile(QStringLiteral("qml/gui/main.qml"));
    viewer.showExpanded();    
    return app.exec()
}

Answer 1

创建动态项目的最佳方法是 QML 本身。但是，如果您仍然想在C++中这样做，那也是可能的。例如：

主.cpp：

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    QQuickView view;
    view.setSource(QUrl("qrc:/main.qml"));
    view.show();
    QObject *root = view.rootObject();
    QQuickItem * myRect = root->findChild<QQuickItem *>("myRect");
    if(myRect) {
        QQmlComponent rect1(view.engine(),myRect);
        rect1.setData("import QtQuick 2.4; Rectangle { width:100; height: 100; color: "orange"; anchors.centerIn:parent; }",view.source());
        QQuickItem *rect1Instance = qobject_cast<QQuickItem *>(rect1.create());
        view.engine()->setObjectOwnership(rect1Instance,QQmlEngine::JavaScriptOwnership);
        if(rect1Instance)
            rect1Instance->setParentItem(myRect);
    }
    return app.exec();
}

主.qml

import QtQuick 2.4
Item {
    width: 600
    height: 600
    Rectangle {
        objectName: "myRect"
        width: 200
        height: 200
        anchors.centerIn: parent
        color:  "green"
    }
}

由于所有QML项目都有相应的С++类，因此可以直接创建QQuickRectangle，但标头是私有的，不建议这样做。

另外，请注意，我使用objectName从C++访问项目，而不是id，因为它从C++侧面不可见。