基于QQmlApplicationEngine实现开启多窗口



  • 群友问到问题怎么实现多个独立窗口,所以这里就留一篇文章实现,我的方法是通过QQmlApplicationEngine来创建新的qml窗口。
    首先看看代码:

    WindowManager.h

    #ifndef WINDOWMANAGER_H
    #define WINDOWMANAGER_H
    
    #include <QObject>
    #include <QQmlApplicationEngine>
    #include <QUrl>
    
    class WindowManager : public QObject
    {
        Q_OBJECT
    public:
        explicit WindowManager(QObject *parent = 0);
        Q_INVOKABLE void newWindow(QString url);
    
    signals:
    
    public slots:
    };
    
    #endif // WINDOWMANAGER_H
    
    

    WindowManager.cpp

    #include "windowmanager.h"
    
    WindowManager::WindowManager(QObject *parent) : QObject(parent)
    {
    
    }
    void WindowManager::newWindow(QString url){
        QQmlApplicationEngine *e=new QQmlApplicationEngine();
    //    engine->load(QUrl(QStringLiteral(url)));
        e->load(QUrl(url));
    }
    

    main.cpp

    #include <QApplication>
    #include <QQmlApplicationEngine>
    #include <QtQml>
    #include "windowmanager.h"
    
    int main(int argc, char *argv[])
    {
        QApplication app(argc, argv);
    
        QQmlApplicationEngine engine;
    
        WindowManager wm;
        engine.rootContext()->setContextProperty("WindowManager",&wm);
        engine.load(QUrl(QStringLiteral("qrc:/main.qml")));
    
        return app.exec();
    }
    
    

    main.qml

    import QtQuick 2.4
    import QtQuick.Controls 1.3
    
    ApplicationWindow {
        visible: true
        width: 640
        height: 480
        title: qsTr("Hello World")
    
    
        Label {
            text: qsTr("first window")
            anchors.centerIn: parent
        }
        Button{
            anchors.bottom: parent.bottom
            anchors.horizontalCenter: parent.horizontalCenter
            text:"open new window"
            onClicked: {
                WindowManager.newWindow("qrc:/NewWindow.qml");
            }
        }
    }
    
    

    NewWindow.qml

    import QtQuick 2.4
    import QtQuick.Controls 1.3
    
    ApplicationWindow {
        visible: true
        width: 640
        height: 480
    
    
        Label {
            text: qsTr("new window")
            anchors.centerIn: parent
        }
    }
    
    

    截图:
    0_1463237167794_深度截图20160514224536.png
    使用这种方式创建的好处是可以方便在任何QML中创建,当然这里没有做什么优化,只是一个实现的例子



  • @tommego 有一个疑问,是不是多个窗口要有多个QQmlApplicationEngine实例?
    可不可以共享一个QQmlApplicationEngine实例?这样相互通信也会方便,还可以有效减少内存的占用。



  • @jiangcaiyang123 ![0_1463279144014_upload-0d5b6cf3-1483-4351-9287-160167d2268b](正在上传 100%)
    ![0_1463279161861_upload-745bd202-500f-4609-8016-22fb729ebd80](正在上传 100%)
    可以,只需要一个QQmlApplicationEngine实例就能创建多个独立窗口,也就是只要自己封装好一个engine,就能实现多个窗口之间的简单通讯。比起qbus,这个虽然局限在一个程序,但是还是能满足很多需求了。





  • @jiangcaiyang123 qtdream的markdown编辑器,现在又 不能直接黏贴qq截图的复制版面了,是不是更新了改动了?之前直接截图完成了ctrl+v就能把图片黏贴到编辑内容中,现在黏贴了没有图片显示,只能截图了保持到本地再上传



  • @tommego 不是的。

    @tommego基于QQmlApplicationEngine实现开启多窗口 中说:

    @jiangcaiyang123 ![0_1463279144014_upload-0d5b6cf3-1483-4351-9287-160167d2268b](正在上传 100%)
    ![0_1463279161861_upload-745bd202-500f-4609-8016-22fb729ebd80](正在上传 100%)
    可以,只需要一个QQmlApplicationEngine实例就能创建多个独立窗口,也就是只要自己封装好一个engine,就能实现多个窗口之间的简单通讯。比起qbus,这个虽然局限在一个程序,但是还是能满足很多需求了。

    这里有一个回调操作,也就是,需要一点时间它自动会将

    ![0_1463279144014_upload-0d5b6cf3-1483-4351-9287-160167d2268b](正在上传 100%)

    替换成实际的路径。如果回调慢或者不成功你的帖子也发出去了,那么就不会显示图片了。但是有一个办法,就是手动修改帖子,将

    ![0_1463279144014_upload-0d5b6cf3-1483-4351-9287-160167d2268b](正在上传 100%)
    改为
    0_1463279144014_upload-0d5b6cf3-1483-4351-9287-160167d2268b

    这样就可以达到效果。



  • @tommego 我的方式是

    QtObject {
        property list<Window> windows: [
             Windows{},
             Windows{},
             Windows{},
             Windows{},
             Windows{},
             Windows{},
             Windows{},
             Windows{},
             Windows{}
        ]
    }
    

    这种方式。不用 c++ 代码的。。



  • @qyvlik 这个六,我试下


 

最近的回复

  • 我似乎找到原因了, 似乎是因为骁龙845是64位架构, 但我不确定,构建一个arm64-v8a的qt versions应该能证明一下, 那么问题来了.....

    阅读更多
  • @大黄老鼠 要启用深度测试:

    glEnable( GL_DEPTH_TEST );

    阅读更多
  • @青山白云 纹理滤波的选择,可以让纹理放大或者缩小的时候避免失真。还有一个叫做Anisotropic的扩展,中文名是各向异性采样,是更高级也是更好看的一个。

    阅读更多
  • 纹理滤波

    在纹理映射的过程中,如果图元的大小不等于纹理的大小,OpenGL便会对纹理进行缩放以适应图元的尺寸。我们可以通过设置纹理滤镜来决定OpenGL对某个纹理采用的放大、缩小的算法

    滤镜 描述 GL_NEAREST 取最邻近像素 GL_LINEAR 线性内部插值 GL_NEAREST_MIPMAP_NEAREST 最近多贴图等级的最邻近像素 GL_NEAREST_MIPMAP_LINEAR 在最近多贴图等级的内部线性插值 GL_LINEAR_MIPMAP_NEAREST 在最近多贴图等级的外部线性插值 GL_LINEAR_MIPMAP_LINEAR 在最近多贴图等级的外部和内部线性插值

    阅读更多

关注我们

微博
QQ群











召唤蕾姆