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

Love The Way You Lie 2021-11-17 07:44 803阅读 0赞

个人感受：

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 官方的例程用于参考 [官方说明][Link 1]

# 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 })
    }

[Link 1]: https://doc.qt.io/qt-5/qml-qtqml-workerscript.html