QML与现有Qt UI代码的整合



  • 我现有两个工程,一个是QT Application的工程project1,在Qt Creater中有一个Widget,Widget中有一块区域是Label;
    另有一个是QT Quick的工程project2,project2实现了轮播图的效果。
    project2的只要代码是一个main.qml
    import QtQuick 2.6
    import QtQuick.Window 2.2
    import QtGraphicalEffects 1.0
    Window {
    visible: true
    width: 640
    height: 480
    title: qsTr("Hello World")
    //MainForm {
    //anchors.fill: parent
    //mouseArea.onClicked: {
    // Qt.quit();
    //}
    //}
    Flickable {......
    }
    //project2 单独运行没有问题,但现在我想整合到project1中的label中去,就是:让project1 -- Widget -- label 成为main.qml的Window,也即把轮播显示迁移到project1中的特定区域上去显示。
    请问我有何种途径可以实现呢? 谢谢各位!!



  • Qt C++中直接调用QML的函数
    同样的QML的函数也可以被Qt C++端调用。
    所有的QML函数都通过meta-object system暴露Qt C++端,在Qt C++端可以使用QMetaObject::invokeMethod()方法直接调用。下面就是这样的一个例子。
    // MyItem.qml
    import QtQuick 1.0
    Item {
    function myQmlFunction(msg) {
    console.log("Got message:", msg)
    return "some return value"
    }
    }
    // main.cpp
    QDeclarativeEngine engine;
    QDeclarativeComponent component(&engine, "MyItem.qml");
    QObject *object = component.create();
    QVariant returnedValue;
    QVariant msg = "Hello from C++";
    QMetaObject::invokeMethod(object, "myQmlFunction",
    Q_RETURN_ARG(QVariant, returnedValue),
    Q_ARG(QVariant, msg));
    qDebug() << "QML function returned:" << returnedValue.toString();
    delete object;

    //但 我现在不是需要调用 QML中的方法,而是想使用 另一个窗体作为参数去替换掉原先qml中的Window。



  • @Michael 在 Qt4 时代,widget 中可以使用 QtQuick ,在 Qt5 的时候已经不太推荐在 widget 中嵌入 QtQuick,因为两个组件的渲染机制不一样。

    另外关键字是 QQuickWidget (Qt5)。你可以看看



  • QWindow和QWidget是不相容的不可能把Window放到Label
    在QML中使用Window要么用qmlengine解释要么就不要用作根元素





  • @Michael Label要作类的提升,提升到子类QQuickWidget,或者是QQuickView。这里推荐QQuickView。因为可以获得多线程渲染。



  • @jiangcaiyang 也不一定要潜入到QLabel中去。其实就是想用QWidget 、QQuickWidget加载了一段qml。QWidget在Qt5.3可以用QQuickWidget能嵌入QML。现在的问题是:怎么在QQuickWidget窗口中嵌入QML窗口。

    “QWidget中添加Qt Quick是可以的,但是反过来就不行了。原因在于QWidget使用软件栅格化渲染,Qt Quick则是使用OpenGL渲染。想要在OpenGL中挖一个洞给软件栅格化渲染,是不能实现的。 ”



  • @MichaelQML与现有Qt UI代码的整合 中说:

    怎么在QQuickWidget窗口中嵌入QML窗口。

    这个已经不是问题了。你可以尝试一下。有现成的文档可以用。



  • 已基本解决了。

    1 在新建的QT Application Project,在MainWindow.cpp上改写成如下:
    #include "mainwindow.h"
    #include "ui_mainwindow.h"
    #include <QQuickView>

    MainWindow::MainWindow(QWidget *parent) :
    QMainWindow(parent),
    ui(new Ui::MainWindow)
    {
    QQuickView *quickView = new QQuickView(QUrl("qrc:/new/prefix1/main.qml")); //1
    QWidget *ViewContainer = QWidget::createWindowContainer(quickView, this); //2
    ViewContainer->setGeometry(20,90,1000,400); //3
    ui->setupUi(this);
    }

    MainWindow::~MainWindow()
    {
    delete ui;
    }

    2 main.qml
    Old:
    Rectangle{ //4 not Window
    visible: true
    width: 1260
    height: 964
    //title: qsTr("Hello World")

    //MainForm {
        //anchors.fill: parent
        //mouseArea.onClicked: {
        //    Qt.quit();
        //}
    //}
    

    //......................



  • @Michael 不错哦~可以吧代码格式化一下。学习一下markdown的语法吧。

    ```
    这里放代码
    ```

 

走马观花

最近的回复

关注我们

微博
QQ群











召唤伊斯特瓦尔