基于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 这个六,我试下


 

走马观花

最近的回复

  • @bladesero Blender 在角色建模和渲染这些方面的确比较强。😄

    我们的软件还在发展中呢。
    18da2116-2055-47c1-8317-1ccde17dfcc0-image.png

    阅读更多
  • untitled.jpg figure角色(WIP2).jpg
    TIM截图20190117184210.png
    使用的软件是blender,zbrush和substance painter

    阅读更多
  • 背景:如果需要qml显示循环list,一般是用3个ListView循环交替,实现伪循环,期间逻辑复杂,容易出错,PathView本身自带循环,所以考虑用PathView实现循环

    设计:PathView显示5条数据,按照垂直List一个个排好顺序,由于收尾移动时候会空白穿帮,所以用clip控制显示中间三条数据

    滚动控制:currentIndex,decrementCurrentIndex(),incrementCurrentIndex()

    代码:

    Item{ id: item1 property int myIndex: 0 property int onePageCount: 3 property real oneHeight: 72 property real oneWidth: 580 property int isCurrentListView: 1 //0,1,2 property bool isAdd: true //direction,down=true,up=false property int hightlightIndex: 0 property int currentIndexPathView: 0 //use this Item{ id: itemClip width: item1.oneWidth height: item1.oneHeight*3 clip: true PathView { id: listView1 width: item1.oneWidth model: listModelSpeedWarning delegate: delegeteLine pathItemCount: item1.onePageCount+2 interactive: false path: Path { startX: item1.oneWidth/2 startY: -item1.oneHeight/2 PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*0+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*0+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*1+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*1+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*2+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*2+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*3+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*3+item1.oneHeight/2 } PathQuad { x: item1.oneWidth/2; y: item1.oneHeight*4+item1.oneHeight/2; controlX: item1.oneWidth/2; controlY: item1.oneHeight*4+item1.oneHeight/2 } } Component.onCompleted: { listView1.currentIndex = -1 } } } }

    问题:windows下测试,按住按键不松手,list滚动会卡住,松手后恢复正常,看来list不能滚动太快

    阅读更多
  • H

    @青山白云 只是为了替换GIF,不过目前已经解决加载问题

    阅读更多

关注我们

微博
QQ群











召唤伊斯特瓦尔