【QT实战】使用QT5制作一个简易串口助手详细教程，支持打包转发

2024-01-13 02:44
文章标签 实战 使用 教程 qt 支持 详细 串口 制作 简易 助手 qt5 包转发

本文主要是介绍【QT实战】使用QT5制作一个简易串口助手详细教程，支持打包转发，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

文章目录

  • 制作串口助手
    • 工程所涉及到的头文件
    • ui布局
    • 制作串口配置选项
    • 添加修饰
    • 制作串口打印信息界面
    • 添加背景图片
  • 函数
    • 查找串口并且添加到ui界面上显示
    • 串口数据接收槽函数
    • 串口发送槽函数
    • 打开串口槽函数
  • 将串口助手封装成可执行文件

本项目的开发环境：windows+QT5+qtcreator；项目成果为：
在这里插入图片描述

怎么样，是不是非常简洁。哈哈哈哈哈🤣🤣🤣

制作串口助手

工程所涉及到的头文件

#include <QSerialPortInfo> // 添加串口必须
#include <QMessageBox>     // 使用对话弹窗
#include <QDebug>          // 调试时使用qDebug打印
#include <QString>         // 使用QString字符串

ui布局

步骤一：固定窗口大小

  • 法一：使用代码this->setFixedSize(this->size());其中这里的this表示所需要固定的窗口。

  • 法二：调整ui窗口的最大值与最小值，即使得二者相等。如下图：

在这里插入图片描述
步骤二：添加所需要的按钮，包括：发送按钮与打开串口按钮
在这里插入图片描述
为了后续编程方便，还需要将二者名字改成比较符合其功能样式，例如我将打开串口按钮的名字改成 openButton ，发送按钮的名字改成 sendButton。

在这里插入图片描述
最后，我们需要写按键的响应函数(槽函数)，为了简便，也可直接在Ui中完成。

选中按键在鼠标右键唤出菜单，然后选中转到槽
在这里插入图片描述
至于信号，这里直接选择cicked即可。
在这里插入图片描述

步骤三：使用LineEdit制作输入发送信息的文本框，并调整至合适大小。
在这里插入图片描述

调整方法为：先使用ctrl+鼠标 多选组件，而后使用水平布局或垂直布局完成界面，下图箭头2指的即为水平布局（左边）与垂直布局（右边）的快捷位置。然后再将箭头1所示的三个组件整体放大或缩小即可。
在这里插入图片描述

制作串口配置选项

这里我们使用Combo Box（图示中箭头B）制作串口具体的配置选项（图示中箭头2），使用Label（图示中箭头A），制作配置的名称（图示中箭头1）

在这里插入图片描述

然后双击配置单个串口配置选项（如：下图中箭头1所示），在添加需要的配置信息即可。
在这里插入图片描述

为了配置串口方便，我们可以设置配置选项的顺序。先选中配置选项（如图中选中的就是波特率），而后使用搜索功能搜索current（图中箭头2所示）调整顺序即可。

在这里插入图片描述

最后还需要按照步骤二调整页面布局并且给组件改名，以制作精美界面与方便编程。

添加修饰

大家想要添加图片或者文字修饰，可使用Label组件，而后放大缩小至合适大小即可。
在这里插入图片描述

制作串口打印信息界面

这里我们使用Plain Text Edit组件来制作串口数据打印界面，一开始界面可能不合适，大家自己选中然后放大缩小调整就好。

在这里插入图片描述

添加背景图片

先鼠标右键添加新文件
在这里插入图片描述

然后选中QT 下的 Qt Resource File 模版，然后 choose==》 输入名字==》确定即可
在这里插入图片描述

点击res.qrc 右键 ——添加现有文件——自动打开文件——选择自己新建的文件夹（里面放置了一张背景图片）

在这里插入图片描述

然后就可以在组件中添加图片背景了，例如我这里给label添加图片背景

在这里插入图片描述

这里的三个选项看自己需求：
在这里插入图片描述

函数

查找串口并且添加到ui界面上显示

 // 查找串口端口并且添加到二维数组中QStringList serialNamePort;foreach(const QSerialPortInfo &info,QSerialPortInfo::availablePorts())serialNamePort << info.portName();// 添加到ui中ui->serialName->addItems(serialNamePort);

串口数据接收槽函数

// 串口接收函数函数
void Widget::receiveDataSlot()
{qDebug("receive data");// 读取串口发送过来的数据并且显示QString buff ;buff = QString(this->serialPort->readAll());ui->receiveText->appendPlainText(buff);
}

由于接收串口数据的槽函数无法通过UI界面进行关联，因此此处需要手动添加槽函数，即使用connect()函数关联。

    // 关联打开串口按钮bool ret =connect(this->serialPort,SIGNAL(readyRead()),this,SLOT(receiveDataSlot()));if(ret)qDebug("true");elseqDebug("false");

串口发送槽函数

// 串口发送函数
void Widget::on_sendButton_clicked()
{// 将串口发送数据转换成二进制数据qDebug("send data   ");if(this->serialPortStatus)this->serialPort->write(ui->sendDataEdit->text().toLocal8Bit().data());elseQMessageBox::critical(this,"错误","未成功打开串口");
}

打开串口槽函数

// 打开串口槽函数 初始化串口
void Widget::on_openButton_clicked()
{QSerialPort::BaudRate baudRate;QSerialPort::DataBits dataBits;QSerialPort::StopBits stopBits;QSerialPort::Parity checkBits;// 获取波特率if(ui->boundBt->currentText() == "4800")baudRate = QSerialPort::Baud4800;else if(ui->boundBt->currentText() == "9600")baudRate = QSerialPort::Baud9600;else if(ui->boundBt->currentText() == "115200")baudRate = QSerialPort::Baud115200;// 获取数据位if(ui->dataBt->currentText() == "8")dataBits = QSerialPort::Data8;else if(ui->dataBt->currentText() == "7")dataBits = QSerialPort::Data7;else if(ui->dataBt->currentText() == "6")dataBits = QSerialPort::Data6;else if(ui->dataBt->currentText() == "5")dataBits = QSerialPort::Data5;// 获取停止位if(ui->stopBt->currentText() == "1")stopBits = QSerialPort::OneStop;else if(ui->stopBt->currentText() == "1.5")stopBits = QSerialPort::OneAndHalfStop;else if(ui->stopBt->currentText() == "2")stopBits = QSerialPort::TwoStop;// 获取校验位if(ui->checkBt->currentText() == "none")checkBits = QSerialPort::NoParity;if(ui->checkBt->currentText() == "2")checkBits = QSerialPort::EvenParity;// 串口设置this->serialPort->setPortName(ui->serialName->currentText());this->serialPort->setBaudRate(baudRate);this->serialPort->setDataBits(dataBits);this->serialPort->setParity(checkBits);this->serialPort->setStopBits(stopBits);// 打开串口if(this->serialPort->open(QIODevice::ReadWrite) == true){QMessageBox::information(this,"提示","打开串口成功");this->serialPortStatus = true;}elseQMessageBox::critical(this,"错误","打开串口失败");
}

将串口助手封装成可执行文件

1.添加封装完成后显示的图标
先找到一个自己心仪的.ico文件（或者自己转换），反正一定要.ico文件，并将其直接放入项目工程中
在这里插入图片描述

在这里插入图片描述
并且在配置文件.pro中添加RC_ICONS=serial.ico以添加图标

2.切换控制台模式为release模式，并运行
在这里插入图片描述

3.运行后，大家可在工程目录下发现一个后缀为-Release的文件夹
在这里插入图片描述
4.进入该文件夹后再进入二级目录release中，并且uart.exe文件复制到一个事先准备好的文件夹中
在这里插入图片描述

5.在命令中打包
在windows中找到对应版本的QT控制台，因为我使用的是QT 5.11.1，因此我选择的控制台为Qt 5.11.1 for Desktop (MinGW 5.3.0 32 bit)，这里大家可以直接使用windows自带的搜索搜索即可。
而后使用cd 命令进入步骤4所复制进入的文件夹中，例如我的命令为

cd D:\Desktop\serialQT

在输入命令windeployqt + 目标文件.exe 例如我的命令为：windeployqt uart.exe。打包完成的结果为：

在这里插入图片描述

在这里插入图片描述

双击点开后会发现跟我们设计时ui界面一毛一样。
在这里插入图片描述

这里需要注意两点：

  • 目录的路径中一定不能含有中文；
  • 图标文件一定要是.ico格式。

这篇关于【QT实战】使用QT5制作一个简易串口助手详细教程，支持打包转发的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！


http://www.chinasem.cn/article/599985。

相关文章

如何在Mac上安装并配置JDK环境变量详细步骤

如何在Mac上安装并配置JDK环境变量详细步骤

《如何在Mac上安装并配置JDK环境变量详细步骤》：本文主要介绍如何在Mac上安装并配置JDK环境变量详细步骤,包括下载JDK、安装JDK、配置环境变量、验证JDK配置以及可选地设置PowerSh... 目录步骤 1：下载JDK步骤 2：安装JDK步骤 3：配置环境变量1. 编辑~/.zshrc（对于zsh
阅读更多...
使用Python构建一个Hexo博客发布工具

使用Python构建一个Hexo博客发布工具

《使用Python构建一个Hexo博客发布工具》虽然Hexo的命令行工具非常强大,但对于日常的博客撰写和发布过程,我总觉得缺少一个直观的图形界面来简化操作,下面我们就来看看如何使用Python构建一个... 目录引言Hexo博客系统简介设计需求技术选择代码实现主框架界面设计核心功能实现1. 发布文章2. 加
阅读更多...
在Spring Boot中浅尝内存泄漏的实战记录

在Spring Boot中浅尝内存泄漏的实战记录

《在SpringBoot中浅尝内存泄漏的实战记录》本文给大家分享在SpringBoot中浅尝内存泄漏的实战记录,结合实例代码给大家介绍的非常详细,感兴趣的朋友一起看看吧... 目录使用静态集合持有对象引用，阻止GC回收关键点：可执行代码：验证：1，运行程序（启动时添加JVM参数限制堆大小）：2，访问 htt
阅读更多...
shell编程之函数与数组的使用详解

shell编程之函数与数组的使用详解

《shell编程之函数与数组的使用详解》：本文主要介绍shell编程之函数与数组的使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录shell函数函数的用法俩个数求和系统资源监控并报警函数函数变量的作用范围函数的参数递归函数shell数组获取数组的长度读取某下的
阅读更多...
使用Python开发一个带EPUB转换功能的Markdown编辑器

使用Python开发一个带EPUB转换功能的Markdown编辑器

《使用Python开发一个带EPUB转换功能的Markdown编辑器》Markdown因其简单易用和强大的格式支持,成为了写作者、开发者及内容创作者的首选格式,本文将通过Python开发一个Markd... 目录应用概览代码结构与核心组件1. 初始化与布局 (__init__)2. 工具栏 (setup_t
阅读更多...
Python虚拟环境终极(含PyCharm的使用教程)

Python虚拟环境终极(含PyCharm的使用教程)

《Python虚拟环境终极(含PyCharm的使用教程)》：本文主要介绍Python虚拟环境终极(含PyCharm的使用教程),具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,... 目录一、为什么需要虚拟环境？二、虚拟环境创建方式对比三、命令行创建虚拟环境（venv）3.1 基础命令3
阅读更多...
Python Transformer 库安装配置及使用方法

Python Transformer 库安装配置及使用方法

《PythonTransformer库安装配置及使用方法》HuggingFaceTransformers是自然语言处理（NLP）领域最流行的开源库之一,支持基于Transformer架构的预训练模... 目录python 中的 Transformer 库及使用方法一、库的概述二、安装与配置三、基础使用：Pi
阅读更多...
关于pandas的read_csv方法使用解读

关于pandas的read_csv方法使用解读

《关于pandas的read_csv方法使用解读》：本文主要介绍关于pandas的read_csv方法使用,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教... 目录pandas的read_csv方法解读read_csv中的参数基本参数通用解析参数空值处理相关参数时间处理相关
阅读更多...
使用Node.js制作图片上传服务的详细教程

使用Node.js制作图片上传服务的详细教程

《使用Node.js制作图片上传服务的详细教程》在现代Web应用开发中,图片上传是一项常见且重要的功能,借助Node.js强大的生态系统,我们可以轻松搭建高效的图片上传服务,本文将深入探讨如何使用No... 目录准备工作搭建 Express 服务器配置 multer 进行图片上传处理图片上传请求完整代码示例
阅读更多...
SpringBoot条件注解核心作用与使用场景详解

SpringBoot条件注解核心作用与使用场景详解

《SpringBoot条件注解核心作用与使用场景详解》SpringBoot的条件注解为开发者提供了强大的动态配置能力,理解其原理和适用场景是构建灵活、可扩展应用的关键,本文将系统梳理所有常用的条件注... 目录引言一、条件注解的核心机制二、SpringBoot内置条件注解详解1、@ConditionalOn
阅读更多...

Copyright China编程 23002807@qq.com

沪ICP备2023033072号-2