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的语法吧。

    ```
    这里放代码
    ```

 

走马观花

最近的回复

  • @chinasmu Webkit网络的部分可能不是受到Qt控制的,扩展性较差,所以呢,还不能通过代码的方式侦听网络收发数据。但是WebEngine就可以。如果可以的话,试试Qt WebEngine。😺

    阅读更多
  • C

    我用qt建了个对话框程序,里面加了个webkit,请问有办法获取该控件的全部网络封包通信数据吗?
    不采用windows hook recv和send函数的形式,或者有没有第三方的控件可以这样做

    阅读更多
  • 这个错误不是编译器的错误,而是IntelliSense的错误。
    这种情况,可以不用太担心。

    如果你使用MSVC编译应用程序,那么最好安装Qt Visual Studio Addon,使用这个插件同步开发Qt应用程序。
    不过一个小小的建议,就是Qt Creator写Qt程序非常直观,不需要在Visual Studio中那么麻烦,而且Qt Creator是强制安装的,基本上你安装了Qt 5.12,就可以在安装的目录中找到它。QAxContainer是Qt的模块activeQt中的,需要在pro文件中写QT += axcontainer,才会找到这个类。

    阅读更多
  • C

    VS2017 Qt5.12
    新建一个空的QWidget对话框,编译执行
    可以成功生成并执行,但是错误列表里显示

    傲游截图20190217212931.png

    exe文件能够成功生成。

    另外的问题:我在vs2017编译环境中使用qt,需要用到 QAxContainer,我看帮助文档里说要在.pro中加入CONFIG+=qaxcontainer,但是vs2017创建的程序中没有.pro这个文件,那这句话应该加在哪里呢?

    还有我想建一个有浏览器控件的对话框程序,如果想在5.12版本中加入QtWebKit应该如何使用

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔