import QtQuick 2.0
import Ubuntu.Components 1.1/*!\brief MainView with a Label and Button elements.
*/MainView {// objectName for functional testing purposes (autopilot-qt5)objectName: "mainView"// Note! applicationName needs to match the "name" field of the click manifestapplicationName: "threading.liu-xiao-guo"/*This property enables the application to change orientationwhen the device is rotated. The default is false.*///automaticOrientation: true// Removes the old toolbar and enables new features of the new header.useDeprecatedToolbar: falsewidth: units.gu(60)height: units.gu(85)Page {title: i18n.tr("threading")ListView {anchors.fill: parentmodel: listModeldelegate: Component {Text { text: time }}ListModel { id: listModel }WorkerScript {id: workersource: "dataloader.js"}Timer {id: timerinterval: 2000; repeat: truerunning: truetriggeredOnStart: trueonTriggered: {var msg = {'action': 'appendCurrentTime', 'model': listModel};worker.sendMessage(msg);}}}}
}

  WorkerScript {id: workersource: "dataloader.js"}

WorkerScript定义了一个worker thread。它的运行代码在dataloader.js中：

// ![0]
WorkerScript.onMessage = function(msg) {if (msg.action == 'appendCurrentTime') {var data = {'time': new Date().toTimeString()};msg.model.append(data);msg.model.sync();   // updates the changes to the list}
}
// ![0]

在Main.qml中，我们定义了一个Timer，每2秒发送一个请求给worker thread。

它的參数是一个例如以下定义的object:

{'action': 'appendCurrentTime', 'model': listModel};

在work thread接受到发送来的信息后。在上面的代码中。检查msg中的action。并同一时候更新传入的model。