[QDS]从零开始，写第一个Qt Design Studio到程序调用的项目

前言

最近在使用Qt Design Studio进行开发，但是简中网上要不就是只搜得到Qt Designer(Qt Creator内部库)，要不就只搜得到一点营销号不知道从哪里搬来的账号，鉴于Qt Design Studio是一个这么强大的软件，自然是需要来进行一下小小的实践的。

所以开了这篇文章，方便没有使用过Qt Design Studio 和 QML的开发者也可以快速上手QDS(Qt Design Studio)。在本文中，你将学会如何使用QDS开发一个简单的QML程序，与你的C++后端代码进行交流。

下文中将使用QDS指代Qt Design Studio.

下载和安装

这里先说一下这里使用的Qt版本，我现在这里使用的是Qt 6.8.0 + Qt Design Studio 4.1.1 LTS

安装Qt Design Studio我是用的Qt本身的安装包，在安装的时候它把QDS当成了一个组件，是由你个人选择来安装的

需要注意的是，这里需要选择4.1.1 LTS而不是 4.6.2，主要原因是4.1.1LTS版首先它是LTS，其次它还支持中文（虽然真正支持的中文没几个字。。。）所以这里我们选4.1.1，先上手，等之后有什么新的功能你确实一定要移动到4.6.2再移动也不迟。

第一个项目

前端准备

QDS界面如图，你可以试着创建一个项目，这里我们点Create Project…

这个界面没什么好说的改改设定就行了，然后我们点击右下角Create，这样我们就进入了我们第一个项目，也就是QDS的Hello World

点击左上角这个三角形，我们可以运行这个QML项目

我们需要知道的是，整个QDS项目的入口点其实是App.qml，而App.qml中的内容很简单，他只是简单调用了一个Screen01，这个Screen01我们先直接删掉，在这个App.qml的Window中先来写我们自己的东西。


import QtQuick 6.5
import UntitledProjectWindow {width: 500height: 200id:rootvisible: truetitle: "UntitledProject"}

这是一个带动画的小按钮项目，但是我们现在不需要这么复杂的项目，我们可以来一个最简单的项目，这个项目需要做三件事

  • 能够调用后端的函数，并给定参数
  • 能调用后端的函数，并接受返回值
  • 能接受后端的信号

为了完成这个实践，我们需要三个控件

在视图 - 视图 - 选中2D，可以获得当前开发控件的2D展开图,同时我们在视图-视图-选中Compoents，可以获得一些预设的控件，我们先简单拖几个按钮、Text、TextEdit上去试试

搞几个控件上去

这里先说一下这个Close按钮怎么实现

我们看到这个App.qml根元素是Window，我现在给这个Window一个id:root，然后我们可以在Button的属性中添加一个onClicked信号，这个信号是点击按钮时触发的，在onClicked里面调用root.close()就可以了

    Button {id: buttonx: 413y: 16width: 63height: 33text: qsTr("Close")onClicked: {root.close()}}

那么这个简单的QDS项目就算创建完成了，接下来我们要将这个QDS项目移植到C++项目去，因为我不太会用Qt Creator，我这里使用Visual Studio 2022 + Qt VSTool来演示Qt项目的结合。

现在我们就可以在QDS中导出这个项目了

外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传

它这里支持的导出方式还挺多的，我这里为了方便使用，直接以QRC的形式导出。

这里导出了之后，我们可以准备一下C++的后端了。

后端准备

这里直接创建一个空的Qt Quick项目 QDS_Totour(打错了不用在意)

这里可以直接将QDS的项目整个放在后端的文件夹内，我这里是直接将其放在了 QDS_Toutor/qml项目下，当然了也可以先创建后端项目，然后再使用QDS创建一个项目直接创建在后端项目内也是可以的

现在进入到我们的Qt项目内，将QDS_Toutor/qml下的UntitledProject.qrc(前端准备中导出的qrc文件)引入到Qt C++项目中去

可以看到此时QRC文件已经帮我们的项目组织好了整个QDS项目的依赖，现在我们只需要正常调用就可以了。我们找到QDS_Toutor的main文件，并作出对应的修改

int main(int argc, char *argv[])
{
#if defined(Q_OS_WIN) && QT_VERSION_CHECK(5, 6, 0) <= QT_VERSION && QT_VERSION < QT_VERSION_CHECK(6, 0, 0)QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endifQGuiApplication app(argc, argv);QQmlApplicationEngine engine;//原始导入，现在改成新的目录//engine.load(QUrl(QStringLiteral("qrc:/qt/qml/qds_toutor/main.qml")));engine.load(QUrl(QStringLiteral("qrc:/content/App.qml")));if (engine.rootObjects().isEmpty())return -1;return app.exec();
}

我们尝试运行一下，这个时候项目就可以直接运行了。

前后端连接

现在我们需要进行前后端连接。在这里进行前后端连接需要一个单独的类，用来进行前后端的信号连接，我们管这个类暂且叫它Connector，需要注意的是这需要是一个QObject的子类，虽然你从Qt Creator创建出来的类大概率是一个 QObject的子类。

我们来给这个Connector写几个简单的方法，需要注意的是，这里的前后端的连接中需要使用到一个关键字Q_INVOKABLE 来修饰这个方法，这个关键字的作用是让QML可以调用这个方法。

这个主动上发的信号我这里会内部实现一个QTimer，每隔一秒发送一次sig_updateValue信号，为了更好的演示效果，我这里就不把QTimer的实现写进来了

#include <QObject>class Connector  : public QObject
{Q_OBJECTpublic:Connector(QObject *parent);~Connector();Q_INVOKABLE void SetValue(const QString& string);Q_INVOKABLE QString getValue();signals:Q_INVOKABLE void sig_updateValue(const QString& string);
private:QString string;};

OK，现在万事俱备，只需要将Qt中的类注册到QML中去，暴露给QML系统就可以了，现在我们回到main.cpp，那个创建engine的地方，我们在这里将一个Connector的对象注册进到engine中去

int main(int argc, char *argv[])
{
#if defined(Q_OS_WIN) && QT_VERSION_CHECK(5, 6, 0) <= QT_VERSION && QT_VERSION < QT_VERSION_CHECK(6, 0, 0)QCoreApplication::setAttribute(Qt::AA_EnableHighDpiScaling);
#endifQGuiApplication app(argc, argv);QQmlApplicationEngine engine;//engine.load(QUrl(QStringLiteral("qrc:/qt/qml/qds_toutor/main.qml")));//创建一个Connector对象，并注册connector对象到QML中Connector* connector = new Connector(nullptr);engine.rootContext()->setContextProperty("connector", connector);engine.load(QUrl(QStringLiteral("qrc:/content/App.qml")));if (engine.rootObjects().isEmpty())return -1;return app.exec();
}

现在我们的这个类就已经暴露在这个QML项目下了，现在我们回到QDS，从QDS中打开我们移植到C++项目中的QDS项目，再来进行编辑，现在我们实际上就可以直接在App.qml中直接调用connector这个对象了

有关主动调用的函数，我们直接调用connector的方法就好了，如下所示

 Button {id: button1x: 43y: 108width: 67height: 28text: qsTr("写入参数")onClicked:{var string = textEdit.textconnector.setValue(string)}}Button {id: button2x: 126y: 108width: 64height: 28text: qsTr("读取参数")onClicked:{var string = connector.getValue()text1.text = string}}

这里已经可以直接将connector 的 setValue和getValue方法调用到了

有关从C++后端来的信号，我们这里需要写一个Connector来进行连接

 Connections{target:connectoronSig_updateValue: {text2.text = strMessageconsole.log("Received signal from C++ with index:", strMessage)}
}

自此，这个项目就可以正常运行了

完成了基本功能，从UI界面上主动向下申请数据、以及后台向前台主动发送数据，这个项目算是完成了。

Github Link:LeventureQys/QDS_Toutor

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.mzph.cn/pingmian/61449.shtml

如若内容造成侵权/违法违规/事实不符，请联系多彩编程网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

相关文章

Spring Boot实现License生成和校验

Spring Boot实现License生成和校验

Spring Boot实现License生成和校验 证书准备 # 1. 生成私钥库 # validity&#xff1a;私钥的有效期&#xff08;天&#xff09; # alias&#xff1a;私钥别称 # keystore&#xff1a;私钥库文件名称&#xff08;生成在当前目录&#xff09; # storepass&#xff1a;私钥库密码…
阅读更多...
【大模型推理】vLLM 源码学习

【大模型推理】vLLM 源码学习

强烈推荐 https://zhuanlan.zhihu.com/p/680153425 sequnceGroup 存储了相同的prompt对应的不同的sequence, 所以用字典存储 同一个Sequence可能占据多个逻辑Block&#xff0c; 所以在Sequence 中用列表存储 同一个block 要维护tokens_id 列表, 需要添加操作。 还需要判断blo…
阅读更多...
核心速览12

核心速览12

研究背景 研究问题&#xff1a;这篇文章探讨了多模态人工智能&#xff08;Agent AI&#xff09;系统在理解和响应视觉和语言输入方面的潜力&#xff0c;特别是在物理和虚拟环境中的应用。Agent AI旨在通过感知和行动来增强人工智能系统的交互性和适应性。研究难点&#xff1a;…
阅读更多...
【pyspark学习从入门到精通14】MLlib_1

【pyspark学习从入门到精通14】MLlib_1

目录 包的概览 加载和转换数据 在前文中&#xff0c;我们学习了如何为建模准备数据。在本文中&#xff0c;我们将实际使用这些知识&#xff0c;使用 PySpark 的 MLlib 包构建一个分类模型。 MLlib 代表机器学习库。尽管 MLlib 现在处于维护模式&#xff0c;即它不再积极开发…
阅读更多...
从 IDC 到云原生：稳定性提升 100%，成本下降 50%，热联集团的数字化转型与未来展望

从 IDC 到云原生：稳定性提升 100%，成本下降 50%，热联集团的数字化转型与未来展望

作者&#xff1a;金峰&#xff08;项良&#xff09;、朱永林、赵世振&#xff08;寰奕&#xff09; 公司简介 杭州热联集团股份有限公司成立于 1997 年 10 月&#xff0c;是隶属杭州市实业投资集团的国有控股公司。公司专业从事国际、国内钢铁贸易黑色大宗商品及产业服务&…
阅读更多...
若依springboot 删除一直转 问题处理

若依springboot 删除一直转 问题处理

src\main\resources\static\ruoyi\js\ry-ui.js submit方法1578行添加 $.operate.successCallback(result); 在线体验 admin/admin123陆陆续续收到一些打赏&#xff0c;为了更好的体验已用于演示服务器升级。谢谢各位小伙伴。 演示地址&#xff1a;http://ruoyi.vip 文档地址…
阅读更多...
面向未来的智能视觉参考设计与汽车架构，思尔芯提供基于Arm技术的创新方案

面向未来的智能视觉参考设计与汽车架构，思尔芯提供基于Arm技术的创新方案

引言&#xff1a; 随着科技的飞速发展&#xff0c;智能视觉IoT已成为科技领域的热门话题&#xff0c;为智能家居、智慧城市等领域带来新机遇。然而&#xff0c;物联网市场的碎片化特性对智能视觉芯片设计构成挑战。同时&#xff0c;汽车行业正经历技术驱动的变革&#xff0c;软…
阅读更多...
Multiple instance learning with graph neural networks文献笔记

Multiple instance learning with graph neural networks文献笔记

基本信息 文章链接&#xff1a;[1906.04881] Multiple instance learning with graph neural networks 将每个包视为一个图&#xff0c;利用GNN学习包的嵌入&#xff0c;以探索包中实例之间有用的结构信息。最终的图表示被送入分类器进行标签预测。 具体方法 输入&#xff…
阅读更多...
Elasticsearch是如何实现Master选举的？

Elasticsearch是如何实现Master选举的？

大家好&#xff0c;我是锋哥。今天分享关于【Elasticsearch是如何实现Master选举的&#xff1f;】面试题。希望对大家有帮助&#xff1b; Elasticsearch是如何实现Master选举的&#xff1f; Elasticsearch 使用 Zen Discovery 插件&#xff08;在较新的版本中是基于 Zen2&…
阅读更多...
WEB-通用漏洞SQL注入CTF二次堆叠DNS带外

WEB-通用漏洞SQL注入CTF二次堆叠DNS带外

知识点&#xff1a; 1、数据库堆叠注入 根据数据库类型决定是否支持多条语句执行 数据库支持多条语句执行就是堆叠&#xff0c;如&#xff1a; 2、数据库二次注入 应用功能逻辑涉及上导致的先写入后组合的注入 3、数据库Dnslog注入 解决不回显&#xff08;反向连接&#…
阅读更多...
上生产时连接mysql数据库总是被拒绝

上生产时连接mysql数据库总是被拒绝

背景&#xff1a; 本地项目连接数据正常 测试环境也正常 到生产上就一直报错 且生产上使用mysql连接工具可以正常连接 报错信息&#xff1a;Connections refused: connect 调查&#xff1a; 数据库版本&#xff1a; 本地 mysql5.7.24 测试 8.3 生产5.7.36 连接驱动&#xf…
阅读更多...
20241121买深圳保障房还是租保租房小思考？

20241121买深圳保障房还是租保租房小思考？

1. 我的买深圳保障房或租保租房的出发点&#xff1f; 我的需求&#xff1a;主要是小孩读书 如果买深圳保障房例如人才房和安居房&#xff0c;会有购房合同&#xff0c;则读书积分等同有红本积分&#xff0c;相当于可以选择一些不错的公办学校 如果租保租房&#xff0c;由于查…
阅读更多...
鸿蒙生态崛起

鸿蒙生态崛起

1.鸿蒙生态&#xff1a;开发者的新蓝海 从开发者角度看&#xff0c;鸿蒙生态带来了巨大机遇。其分布式能力实现了不同设备间的无缝体验&#xff0c;如多屏协同&#xff0c;让应用能跨手机、平板、智能穿戴和车载设备流畅运行。开发工具也有显著提升&#xff0c;方舟编译器等极大…
阅读更多...
使用Python3实现Gitee码云自动化发布

使用Python3实现Gitee码云自动化发布

仓库信息 https://gitee.com/liumou_site/ip 实现代码 import osimport requests from loguru import loggerdef gitee(ver, message, prerelease: bool False):"""在 Gitee 上创建发布版本:param ver: 版本号:param message: 发布信息:param prerelease: 是…
阅读更多...
第75期 | GPTSecurity周报

第75期 | GPTSecurity周报

GPTSecurity是一个涵盖了前沿学术研究和实践经验分享的社区&#xff0c;集成了生成预训练Transformer&#xff08;GPT&#xff09;、人工智能生成内容&#xff08;AIGC&#xff09;以及大语言模型&#xff08;LLM&#xff09;等安全领域应用的知识。在这里&#xff0c;您可以找…
阅读更多...
常见网络厂商设备默认用户名/密码大全

常见网络厂商设备默认用户名/密码大全

常见网络厂商的默认用户名/密码 01 思科 (Cisco) 设备类型&#xff1a;路由器、交换机、防火墙、无线控制器 默认用户名&#xff1a;cisco 默认密码&#xff1a;cisco 设备类型&#xff1a;网管型交换机 默认用户名&#xff1a;admin 默认密码&#xff1a;admin 02 华…
阅读更多...
DICOM图像解析：深入解析DICOM格式文件的高效读取与处理

DICOM图像解析：深入解析DICOM格式文件的高效读取与处理

引言 在医学影像领域，DICOM（Digital Imaging and Communications in Medicine）标准已成为信息交换和存储的核心规范。掌握DICOM文件的读取与解析，对于开发医学影像处理软件至关重要。本文将系统地解析DICOM文件的结构、关键概念，并提供高效的读取与显示方法，旨在为开发者…
阅读更多...
例题10-4 冒泡排序 字符串排序

例题10-4 冒泡排序 字符串排序

void SortString(char str[][MAX_LEN], int n) {int i,j;char temp[MAX_LEN];for(i0;i<n-1;i){for(ji1;j<n;j){if(strcmp(str[i],str[j])<0) {strcpy(temp,str[i]);strcpy(str[i],str[j]);strcpy(str[j],temp);}}} } //升序排列 和 降序排列可能不只是 判断条件…
阅读更多...
嵌入式硬件电子电路设计（六）LDO低压差线性稳压器全面详解

嵌入式硬件电子电路设计（六）LDO低压差线性稳压器全面详解

引言&#xff1a; LDO&#xff08;Low Dropout Regulator&#xff0c;低压差线性稳压器&#xff09;是一种常用的电源管理组件&#xff0c;用于提供稳定的输出电压&#xff0c;同时允许较小的输入电压与输出电压之间的差值。LDO广泛应用于各种电子设备中&#xff0c;特别是在对…
阅读更多...
STM32H7开发笔记（2）——H7外设之多路定时器中断

STM32H7开发笔记（2）——H7外设之多路定时器中断

STM32H7开发笔记&#xff08;2&#xff09;——H7外设之多路定时器中断 文章目录 STM32H7开发笔记&#xff08;2&#xff09;——H7外设之多路定时器中断0.引言1.CubeMX配置2.软件编写 0.引言 本文PC端采用Win11STM32CubeMX4.1.0.0Keil5.24.2的配置&#xff0c;硬件使用STM32H…
阅读更多...
推荐文章
最新文章

Copyright @ 2022~2023