Qt5官方demo解析集32——Qt Quick Examples - Threading

2024-06-06 00:32

本文主要是介绍Qt5官方demo解析集32——Qt Quick Examples - Threading,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

本系列所有文章可以在这里查看http://blog.csdn.net/cloud_castle/article/category/2123873

接上文Qt5官方demo解析集31——StocQt


因为涉及到QML线程看到这个例子,发现它是属于Qt Quick Example这个系列的。这个系列共有19个demo,涵盖了Qt Quick中多种元素,有空我们把这个系列一篇篇做下来,相信是一趟不错的旅途~


好了,在我们编写应用程序,尤其是用户界面程序,多线程往往是避不开的一个话题。界面卡死超过3秒,估计许多用户就打算Ctrl+Alt+Delete了...

那么Qt当然也为我们编写多线程提供了便利,在Widgets中呢我们通常使用QThread来完成多线程,那对于更强调用户体验的QML而言呢,就不得不提到WorkerScript了。

WorkScript 包含了一个属性source来声明一个js文件,用来开辟一个新的线程以处理那些耗时的计算。更详细的介绍,大家可以查看Manual。


程序运行起来是我们熟悉的选择界面:



1)Threaded ListModel

这个例子比较简单,介绍了如何使用WorkScript 在一个新的线程中更新ListModel。



程序由两个文件构成:

timedisplay.qml:

import QtQuick 2.0Rectangle {color: "white"width: 200height: 300ListView {anchors.fill: parentmodel: listModeldelegate: Component {Text { text: time }}ListModel { id: listModel }WorkerScript {id: workersource: "dataloader.js"        // 声明js处理函数}// ![0]Timer {                           // 2秒间隔定时器id: timerinterval: 2000; repeat: truerunning: truetriggeredOnStart: trueonTriggered: {var msg = {'action': 'appendCurrentTime', 'model': listModel};   // 这里将ListModel对象作为sendMessage()的参数,除此以外,其他QObject对象类型都不被允许worker.sendMessage(msg);        // 调用sendMessage()运行WorkerScript的计算}}
// ![0]}
}

dataloader.js:

// ![0]
WorkerScript.onMessage = function(msg) {               // 处理函数的格式如下WorkerScript.onMessage = function()....       if (msg.action == 'appendCurrentTime') {var data = {'time': new Date().toTimeString()};msg.model.append(data);                        // 注意到这里的model由msg参数声明msg.model.sync();           // 该函数专为WorkScript而生,用来保存WorkScript对ListModel的修改}
}
// ![0]


以上就是一个基本的WorkScript的实现,下面来看一个稍微复杂一点的例子:

2)WorderScript

这个例子使用了多线程在后台计算帕斯卡三角形(Pascal's Triangle),并且有意采用了一种并非很优化的算法(通过二项式好像可以直接求,我不太记得了),使得我们可以体会到后台计算而界面依然保持响应的效果。

至于什么是Pascal's Triangle,我放张图想必大家不会陌生,其实它就是我们说的杨辉三角:


也就是说,每个小方格的值等于其上面两个方格数值之和。

而在我们这个程序中,方格的层数为64层,如果是使用这种累加的方法到得到任意一个方格的值,自然是一个比较费时的操作。

先看下运行效果:



可以看到,当我选择了第54行,41列的方格时,下方的结果变成了"Loading...",但界面并没有卡死,我们依然可以后退,或是选择新的方格。

workerscript.qml:

import QtQuick 2.0Rectangle {width: 320; height: 480//! [1]WorkerScript {id: myWorkersource: "workerscript.js"onMessage: {             // 注意到这个的onMessage与js中的onMessage不同,这里用来更新界面显示,而非执行计算,类似信号槽,响应js中的sendMessageif (messageObject.row == rowSpinner.value && messageObject.column == columnSpinner.value){ //Not an old resultif (messageObject.result == -1)resultText.text = "Column must be <= Row";elseresultText.text = messageObject.result;}}}
//! [1]Row {y: 24spacing: 24anchors.horizontalCenter: parent.horizontalCenter
//! [0]Spinner {                          // 自定义的Spinner控件id: rowSpinnerlabel: "Row"onValueChanged: {                        // 值改变调用线程函数resultText.text = "Loading...";myWorker.sendMessage( { row: rowSpinner.value, column: columnSpinner.value } );}}
//! [0]Spinner {id: columnSpinnerlabel: "Column"onValueChanged: {                          resultText.text = "Loading...";myWorker.sendMessage( { row: rowSpinner.value, column: columnSpinner.value } );}}}Text {id: resultTexty: 180width: parent.widthhorizontalAlignment: Text.AlignHCenterwrapMode: Text.WordWrapfont.pixelSize: 32}Text {text: "Pascal's Triangle Calculator"anchors { horizontalCenter: parent.horizontalCenter; bottom: parent.bottom; bottomMargin: 50 }}
}

workerscript.js:

//Will be initialized when WorkerScript{} is instantiated 
var cache = new Array(64);                      // 64x64 的二维数组
for (var i = 0; i < 64; i++)cache[i] = new Array(64);function triangle(row, column) {              // 定义函数triangle行列的合法性if (cache[row][column])                   // 如果缓存中计算过该方格的值,直接返回return cache[row][column]if (column < 0 || column > row)          // 行数必须大于等于列数return -1;if (column == 0 || column == row)         // 左右两侧值均为 1return 1;return triangle(row-1, column-1) + triangle(row-1, column);    // 否则递归调用该函数计算方格数值
}
//! [0]
WorkerScript.onMessage = function(message) {//Calculate result (may take a while, using a naive algorithm)  // 原注:可能会花点时间噢,因为使用了一个天真的算法~var calculatedResult = triangle(message.row, message.column);//Send result back to main threadWorkerScript.sendMessage( { row: message.row,               // 类似信号槽,返回数据在WorkerScript中的onMessage中响应column: message.column,result: calculatedResult} );
}
//! [0]


最后贴出Spinner的实现,因为Qt Quick Controls似乎没有提供类似控件,如果要设计类似的控件可以参考~:
Spinner.qml:

import QtQuick 2.0Rectangle {width: 64height: 64property alias value: list.currentIndexproperty alias label: caption.textText {id: captiontext: "Spinner"anchors.horizontalCenter: parent.horizontalCenter}Rectangle {anchors.top: caption.bottomanchors.topMargin: 4anchors.horizontalCenter: parent.horizontalCenterheight: 48width: 32color: "black"ListView {id: listanchors.fill: parenthighlightRangeMode: ListView.StrictlyEnforceRangepreferredHighlightBegin: height/3preferredHighlightEnd: height/3clip: truemodel: 64delegate: Text {font.pixelSize: 18;color: "white";text: index;anchors.horizontalCenter: parent.horizontalCenter}}Rectangle {anchors.fill: parentgradient: Gradient {GradientStop { position: 0.0; color: "#FF000000" }GradientStop { position: 0.2; color: "#00000000" }GradientStop { position: 0.8; color: "#00000000" }GradientStop { position: 1.0; color: "#FF000000" }}}}
}


这篇关于Qt5官方demo解析集32——Qt Quick Examples - Threading的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1034606

相关文章

Python使用getopt处理命令行参数示例解析(最佳实践)

《Python使用getopt处理命令行参数示例解析(最佳实践)》getopt模块是Python标准库中一个简单但强大的命令行参数处理工具,它特别适合那些需要快速实现基本命令行参数解析的场景,或者需要... 目录为什么需要处理命令行参数?getopt模块基础实际应用示例与其他参数处理方式的比较常见问http

Python利用ElementTree实现快速解析XML文件

《Python利用ElementTree实现快速解析XML文件》ElementTree是Python标准库的一部分,而且是Python标准库中用于解析和操作XML数据的模块,下面小编就来和大家详细讲讲... 目录一、XML文件解析到底有多重要二、ElementTree快速入门1. 加载XML的两种方式2.

Java的栈与队列实现代码解析

《Java的栈与队列实现代码解析》栈是常见的线性数据结构,栈的特点是以先进后出的形式,后进先出,先进后出,分为栈底和栈顶,栈应用于内存的分配,表达式求值,存储临时的数据和方法的调用等,本文给大家介绍J... 目录栈的概念(Stack)栈的实现代码队列(Queue)模拟实现队列(双链表实现)循环队列(循环数组

C++如何通过Qt反射机制实现数据类序列化

《C++如何通过Qt反射机制实现数据类序列化》在C++工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作,所以本文就来聊聊C++如何通过Qt反射机制实现数据类序列化吧... 目录设计预期设计思路代码实现使用方法在 C++ 工程中经常需要使用数据类,并对数据类进行存储、打印、调试等操作。由于数据类

java解析jwt中的payload的用法

《java解析jwt中的payload的用法》:本文主要介绍java解析jwt中的payload的用法,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录Java解析jwt中的payload1. 使用 jjwt 库步骤 1:添加依赖步骤 2:解析 JWT2. 使用 N

Python中__init__方法使用的深度解析

《Python中__init__方法使用的深度解析》在Python的面向对象编程(OOP)体系中,__init__方法如同建造房屋时的奠基仪式——它定义了对象诞生时的初始状态,下面我们就来深入了解下_... 目录一、__init__的基因图谱二、初始化过程的魔法时刻继承链中的初始化顺序self参数的奥秘默认

Java 正则表达式URL 匹配与源码全解析

《Java正则表达式URL匹配与源码全解析》在Web应用开发中,我们经常需要对URL进行格式验证,今天我们结合Java的Pattern和Matcher类,深入理解正则表达式在实际应用中... 目录1.正则表达式分解:2. 添加域名匹配 (2)3. 添加路径和查询参数匹配 (3) 4. 最终优化版本5.设计思

使用Java将DOCX文档解析为Markdown文档的代码实现

《使用Java将DOCX文档解析为Markdown文档的代码实现》在现代文档处理中,Markdown(MD)因其简洁的语法和良好的可读性,逐渐成为开发者、技术写作者和内容创作者的首选格式,然而,许多文... 目录引言1. 工具和库介绍2. 安装依赖库3. 使用Apache POI解析DOCX文档4. 将解析

Qt中QGroupBox控件的实现

《Qt中QGroupBox控件的实现》QGroupBox是Qt框架中一个非常有用的控件,它主要用于组织和管理一组相关的控件,本文主要介绍了Qt中QGroupBox控件的实现,具有一定的参考价值,感兴趣... 目录引言一、基本属性二、常用方法2.1 构造函数 2.2 设置标题2.3 设置复选框模式2.4 是否

QT进行CSV文件初始化与读写操作

《QT进行CSV文件初始化与读写操作》这篇文章主要为大家详细介绍了在QT环境中如何进行CSV文件的初始化、写入和读取操作,本文为大家整理了相关的操作的多种方法,希望对大家有所帮助... 目录前言一、CSV文件初始化二、CSV写入三、CSV读取四、QT 逐行读取csv文件五、Qt如何将数据保存成CSV文件前言