QML——thread 内部线程使用基于信号槽机制

个人感受：

    QML 的线程适合处理一些小工作量的或者短暂的工作内容，相对于 QThread 而言还是有很大的差距，胜在简单易用直接嵌入到 QML 之中，如果有复杂的工作内容还是建议使用传统的 C++ / QThread 进行处理

---

QML Thread

第一步创建线程

1 QML 内创建 WorkerScript ---> 类似 C++ QThread 需要定义 id 和 source

2 创建 xxx.mjs //注意格式，是 xxx.mjs 这是 ECMAScript 格式能够确保线程运行在一个安全独立的环境，使用 .js 会使用 JavaScript 引擎相对环境不太严格安全

第二步创建信号处理函数

在 xxx.mjs 文件创建，如下函数用于接收信号 (标准格式）

WorkerScript.onMessage = function(message) {

}

第三步关联信号与槽

触发信号

var msg = {'key': "value", 'key': value} //类似 hase / map 键值对应的容器

id.sendMessage(msg); //id 是你定义的线程 id 也就是 workerscript 内的

以上就是完整一套线程流程

---

以下是 QT 官方的例程用于参考 官方说明

xxx.qml 

import QtQuick 2.0

Rectangle {
    width: 300; height: 300

    Text {
        id: myText
        text: 'Click anywhere'
    }

    WorkerScript {
        id: myWorker
        source: "script.mjs"

        onMessage: myText.text = messageObject.reply //用于接收 mjs 发出的信号
    }

    MouseArea {
        anchors.fill: parent
        onClicked: myWorker.sendMessage({ 'x': mouse.x, 'y': mouse.y })
    }
}

script.mjs

WorkerScript.onMessage = function(message) {
    // ... long-running operations and calculations are done here
    // 重新发送信号
    WorkerScript.sendMessage({ 'reply': 'Mouse is at ' + message.x + ',' + message.y })
}