当前位置：首页 > news >正文

在qml中，ListModel可以与WorkerScript一起使用，从多个线程访问列表模型

news 2025/8/5 0:16:52

在QML中，您可以使用ListModel和WorkerScript一起实现多线程访问列表模型。以下是一个简单的例子，演示了如何在QML中使用这两个元素：

import QtQuick 2.15
import QtQuick.Controls 2.15ApplicationWindow {visible: truewidth: 400height: 300title: "Multi-threaded ListModel Example"ListView {anchors.fill: parentmodel: myModeldelegate: Item {width: 100height: 50Rectangle {width: parent.widthheight: parent.heightcolor: "lightblue"border.color: "blue"Text {anchors.centerIn: parenttext: modelData}}}}ListModel {id: myModel}WorkerScript {id: workerScriptsource: "worker.js"onMessage: {// Receive messages from the worker threadvar messageData = message.data;if (messageData.type === "updateModel") {// Update the ListModel with data from the worker threadmyModel.append({ "text": messageData.text });}}}Component.onCompleted: {// Start the worker thread when the application startsworkerScript.sendMessage({ "type": "startThread" });}
}

上述例子中，有一个主线程和一个工作线程。工作线程通过WorkerScript执行，通过发送消息来更新主线程中的ListModel。在工作线程中，我们使用JavaScript来生成一些数据，并通过消息将数据发送回主线程，然后在主线程中更新ListModel。

现在，我们还需要一个名为worker.js的文件，其中包含工作线程的实际逻辑。请确保在项目中创建这个文件，并将以下内容复制到该文件中：

// worker.js
WorkerScript.onMessage = function(message) {if (message.type === "startThread") {// Start the worker threadgenerateData();}
};function generateData() {for (var i = 0; i < 10; ++i) {// Simulate some data generation in the worker threadvar randomText = "Data " + i;WorkerScript.sendMessage({ "type": "updateModel", "text": randomText });// Introduce a delay to simulate time-consuming taskvar delay = Math.floor(Math.random() * 1000);Qt.threadmsleep(delay);}
}