Как выполнять функции других компонентов, выполнение которых занимает слишком много времени, не блокируя пользовательский интерфейс

Question

Из main.qml я хочу вызывать функции из других компонентов и получать их результаты таким образом, чтобы не блокировать поток пользовательского интерфейса.

После получения результатов этих функций я хочу поместить их в «общий» массив.

Как я могу сделать это с QML? Какое будет возможное решение?

Я собираюсь проиллюстрировать в коде, что я хочу сделать (я знаю, что это никогда не сработает):

main.qml

import QtQuick 2.0
import QtQuick.Controls 2.4
import QtQuick.Layouts 1.3
import AsyncWorker 1.0

ApplicationWindow {
    id: window
    title: "Stack"
    visible: true
    width: 600
    height: 500
    Page {
        id: page
        anchors {
            fill: parent
            margins: 10
        }

        ColumnLayout {
            anchors.fill: parent
            spacing: 10
            RowLayout {
                WorkerScript
                {
                    id: importScanWorkerScript
                    source: "script.js"
                    onMessage: {
                        console.log(messageObject.data1)
                        console.log(messageObject.data2)
                        spinner.running = false;
                    }
                }



                BusyIndicator {
                    id: spinner
                    anchors.centerIn: parent
                    running: false
                }

                Panel1 {
                    id: panel1
                }
                Panel2 {
                    id: panel2
                }

                Button {
                    Layout.alignment: Qt.AlignHCenter
                    text: qsTr("Run asynchronous")
                    onClicked: {
                        spinner.running = true
                        //Is there a way to run the functions of the 2 panels in a workerscript??
                        importScanWorkerScript.sendMessage(panel1,panel2)
                    }
                }
            }
            Item {
                Layout.fillHeight: true
            }
        }
    }
}

Panel1.qml

import QtQuick 2.0
import QtQuick.Controls 2.4

Item {
    function info() {
        var j=0
        for(var i=0; i<99999999; i++) {
            j+=i
        }
        return j
    }
}

Panel2.qml

import QtQuick 2.0
import QtQuick.Controls 2.4

Item {
    function info() {
        var j=0
        for(var i=0; i<1000000; i++) {
            j+=i
        }
        return j
    }
}

script.js

WorkerScript.onMessage = function(obj1,obj2) {
    var obj1Test = obj1.info()//not working
    var obj2Test = obj2.info()//not working
    WorkerScript.sendMessage({ 'data1': obj1Test, "data2" : obj2Test })
}

Answer 1

Я публикую пример того, что упомянул в комментариях:

В этом примере запускается таймер, который каждую секунду отправляет сообщение отладки в рабочий поток, пока пользовательский интерфейс не поврежден.

Предположим, у вас есть класс worker.h:

#include <QObject>
#include <QDebug>
#include <QTimer>

class Worker : public QObject {
  Q_OBJECT

 public:
    explicit Worker(QObject* parent = nullptr): QObject(parent){
        timer.setInterval(1000);
        connect(&timer, &QTimer::timeout, [=]() {
            qDebug() << "executing with wait";
        });
    }
    ~Worker(){}

    Q_INVOKABLE void doSomeWork() { // modify this to accommodate your params
        //do something here
        timer.start();
    }

private:
    QTimer timer;

};

Это определяется в main.cpp как:

#include <QGuiApplication>
#include <QQmlApplicationEngine>
#include <QQmlContext>
#include "worker.h"
#include <QThread>

int main(int argc, char *argv[])
{
    QGuiApplication app(argc, argv);
    Worker cpp;
    QThread cpp_thread;
    cpp.moveToThread(&cpp_thread);
    cpp_thread.start();
    QQmlApplicationEngine engine;
    engine.rootContext()->setContextProperty("cpp", &cpp);
    engine.load(QUrl(QStringLiteral("qrc:/main.qml")));

    return app.exec();
}

В какой-то момент вашего QML вы вызываетеэто как:

WorkerScript.onMessage = function(obj1,obj2) {
    cpp.doSomeWork() // modify this to accommodate your params
}

Надеюсь, это поможет.