qml中执行耗时操作的代码示例

以下是一个简单的 QML 中执行耗时操作的代码示例：

C++ 实现：

// MyWorker.h
#ifndef MYWORKER_H
#define MYWORKER_H

#include <QObject>
#include <QThread>

class MyWorker : public QObject
{
    Q_OBJECT
public:
    explicit MyWorker(QObject *parent = nullptr);

signals:
    void resultReady(int result);

public slots:
    void doWork(const QString &data);

private:
    int performTask(const QString &data);
};

#endif // MYWORKER_H

// MyWorker.cpp
#include "MyWorker.h"

MyWorker::MyWorker(QObject *parent) : QObject(parent)
{
}

void MyWorker::doWork(const QString &data)
{
    int result = performTask(data);
    emit resultReady(result);
}

int MyWorker::performTask(const QString &data)
{
    // 耗时操作的实现
    QThread::sleep(5); // 模拟耗时操作
    return data.length();
}

QML 实现：

import QtQuick 2.0

WorkerScript {
    id: worker
    source: "qrc:/MyWorker.js"
    onMessage: {
        if (msg.type === "start") {
            var data = msg.data;
            worker.sendMessage({ type: "doWork", data: data });
        } else if (msg.type === "result") {
            var result = msg.data;
            console.log("Result: " + result);
        }
    }
}

Button {
    text: "执行耗时操作"
    onClicked: {
        var data = "Hello, World!";
        worker.sendMessage({ type: "start", data: data });
    }
}

注意：为了让 JavaScript 能够调用 C++ 的代码，需要使用 Qt 的 QML RegisterType 机制将 MyWorker 类注册到 QML 中。此处为了简化示例，直接使用了 JavaScript 实现 MyWorker 类的功能，但实际应用中应该使用 C++ 实现。