QT串口助手开发1之绘制界面

最新推荐文章于 2024-05-21 16:14:09 发布
最新推荐文章于 2024-05-21 16:14:09 发布
阅读量1.8k 收藏 12
点赞数 4
分类专栏： QT 文章标签： qt 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/westos_yanzheng/article/details/129530791
版权

系列文章目录

QT串口助手开发1之绘制界面

QT串口助手开发1

一、QT串口助手开发

1.1创建QT程序

首先需要创建QT程序
创建QT程序的时候，记得点下创建页面，基类选择成Dialog
创建好QT程序后，编译ctrl + b ，运行ctrl + r ,弹出窗口

1.2更改窗口名字

更改窗口名字变成串口调试助手，更改windowTitle即可更改成窗口名字
在这里插入图片描述

1.3绘制串口助手页面

选中Combo Box 和 Label(标签)，复制成5份
Combo Box的用法

在这里插入图片描述

1.3.1水平布局

绘制页面对齐很花费时间，第一行是水平没对齐，使用快捷方法对齐
选中该行，点击该按钮（水平布局），便可以水平对齐了
这个时候着两个控件就变成一个整体了，可以一个整体的拖动
在这里插入图片描述
ctrl + r 运行下看下效果，红色框是提醒水平布局的框，不会出现在运行里面
在这里插入图片描述

1.3.2垂直布局

在这里插入图片描述在这里插入图片描述ctrl + r运行测试下效果

在这里插入图片描述可以拖拉，达到你想要的效果

在这里插入图片描述

ctrl + r 运行下效果
在这里插入图片描述

1.4绘制打开发送按钮

需要用到2个push button控件，让其垂直布局，ctrl + r 运行下

在这里插入图片描述
这样绘制出来不好看，可以选中这两个控件，ctrl + z 撤销
添加Vertical Spacer(涨位符)，撑开一部分空间，这样可以让两个按钮隔开更宽的距离
在这里插入图片描述
ctrl + r运行测试下效果

在这里插入图片描述
在添加一个Vertical Spacer在按钮和选择框之间，更加美观

在这里插入图片描述ctrl + r 运行下效果

在这里插入图片描述

1.5绘制接收数据文本框和发送数据文本框

Line Edit行文本框，太小了（只有一行），用Text Edit 或者Plain Edit，我两个都是用的Text Edit
两个Text Edit垂直布局，则会一样大
在这里插入图片描述
我们需要一个大一个小(接收界面大，发送界面小)
SizePolicy尺寸策略，两个Text Edit垂直伸展系数都相同
在这里插入图片描述

里面更改垂直伸展系统再垂直伸展的时候，就可以实现一大一小的效果了

在这里插入图片描述
大概6：1的效果最好看，所以我调制垂直伸展系数为6:1，效果如下

在这里插入图片描述
再添加下占位符，更加美观

在这里插入图片描述
ctrl + r 运行测试下效果

在这里插入图片描述

为了更加美观，再添加一个水平占位符，整体做水平布局，并且鼠标拖拉下达到美观即可

在这里插入图片描述

并ctrl + r 运行查看效果，读者觉得不美观也可以自行更改下

在这里插入图片描述

END

redhat_yan
关注
  • 4
    点赞
  • 踩
  • 12
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
全网拿来即用的QT项目-串口通信和绘图数据保存
qq_30093417的博客
03-04 881
全网拿来即用的QT项目，比一般的简单串口添加了数据保存和绘图。可以节省大量的事件，直接在工程上面修改
QT开发的串口助手用于绘制曲线
02-04
QT开发的能够接收串口数据并将其转化为波形同步实时显示的上位机，且可以将数据以及具体时间打印在TXT文件上面，提供源码，以方便修改，我用的是QT5最新版本的，
Qt实现串口助手（UI部分）
10-12
用Qt制作了一个串口助手的UI界面，风格简洁，UI丰富，可供有次开发意向的新手参考，如果你喜欢或者不喜欢都可以给予评论，我会吸取改进。注意，该版本尚未添加串口通讯部分，串口通讯将在下一个版本推出。 系统环境： Win7 Professional SP1 32bit 开发环境： Microsoft Visual Studio Ultimate 2013 32bit 开发工具： Qt 5.7.0（MSVC2013,32bit） Qt Creator 4.0.2 本项目仅供学习交流。
[ Qt串口助手上 ] : C++Qt编写串口助手+无边框窗口处理+Qt多线程接收 (上)界面设置
最新发布
共享IT之美，共创机器未来
05-21 693
C++Qt编写串口助手+无边框窗口处理+Qt多线程接收 (上)界面设置
QT串口大量数据动态实时显示（三）========“customplot绘图步骤”
热门推荐
weixin_45426095的博客
11-28 1万+
前言 在《QT串口动态实时显示大量数据波形曲线（一）》和《QT串口动态实时显示大量数据波形曲线（二）》中介绍了串口编程和chart绘图编程。也介绍了chart和customplot绘图的基本区别。customplot绘图在代码上非常简单，不用点，线，坐标系和图表一层一层的放那么麻烦。 第一部分： 串口接收大量数据动态显示的难点 串口大量数据QT接收时问题的原因： （1）10ms40个8位数。在示波器上监视串口波形，其实这个总线负载率差不多到了60%。如果再想传...
QT串口显示多条曲线（可当作串口助手）
qq_63508734的博客
10-06 1013
QT串口接收数据，多条曲线显示 （可用做单片机的调试工具）
QT5系列教程二---基于qcustomplot的QT5 GUI串口收发绘图软件实现
happyjoey217的博客
03-26 4440
【1】截图的出处https://svenssonjoel.github.io/pages/qt_serial_datacollection/index.html 【2】截图出处对应的youtube https://www.youtube.com/watch?v=dCllDmB-ftk 【3】QSerialPort类官方文档 https://doc.qt.io/qt-5/qtserialport-index.html 【4】wiget如何提升为QcustomPlot https://www.cnblogs
Qt 串口通信软件开发教程
琅嬛福地
06-19 3884
Qt5.7已经封装了关于串口操作的类QSerialPort，QSerialPortInfo等，不需要再使用第三方串口类。串口应用程序的开发，包括查找串口，打开串口，发送数据，读取数据等。完整程序源码，请点击【串口助手源码下载】。 先看看类QSerialPortInfo， Qt的解释如下： Provides information about existing serial p...
QT5串口编写简单的上位机
hjf161105的博客
05-23 4535
本文转自：http://blog.csdn.net/u014695839/article/details/50611549   最近在学习嵌入式，而上位机又是一个不可缺少的工具，于是就开始接触QT，学习编写上位机。刚开始的时候什么都不懂，发现http://www.devbean.net/2012/08/qt-study-road-2-catelog/这里有比较好的入门教程。学习了前面部分（我只...
Qt Widget 之简易串口助手(QSerialPort)
火山上的企鹅
08-05 4465
Qt 作上位机，与硬件连接中，串口是最最最常用的功能。 本文写了一个很容易入手的简单串口程序，演示如下：
QT串口助手开发3串口开发
Redhat_yan
03-16 1953
QT串口助手开发3串口开发。
Qt串口接收数据实时曲线
04-11
Qt界面，主要功能有1：串口收发数据 2：Qt实时显示串口接收数据
QT 开启线程接收串口数据并由主线程界面实时显示心电波形图
01-11
在主线程开启子线程初始化，读写串口数据，有数据就读，提取有效数据，并用信号将数据传送给主线程，创建界面对象，主线程通过开关按钮槽函数控制串口的打开关闭，图形的显示以及暂停，实时刷新波形。串口读取数据参考了博友的代码。
C#串口调试助手，收发数据保存在MYSQL数据库，接收数据可绘图
10-15
这是一款用C#编写的串口调试助手，有16进制收发选择，而且有自动发送功能。收发数据分别存放在MYSQL数据库中，接受数据用工业控件iplotX绘制曲线。
绘图助手破解版
12-17
绘图助手破解版，每次可使用15分钟，使用次数无限制，注意及时保存。
SerialPort_串口助手_makeupp_Qt串口_qt串口_
10-04
《Qt串口编程实战：构建一个简易的串口助手》 ...总的来说，Qt串口助手是一个实用的开发工具，通过学习和实践，我们可以更好地理解和掌握串口通信以及Qt的高级特性，为后续的项目开发打下坚实的基础。
Qt串口助手.rar
08-18
【标题】"Qt串口助手.rar"是一款基于QT框架开发的串口通信工具，它提供了串口调试的功能，便于开发者进行嵌入式设备或者通信模块的调试工作。这个压缩包包含的是该串口助手的源代码，对于学习QT库以及串口通信技术的...
qt4串口调试助手源代码
03-14
总的来说，"qt4串口调试助手源代码"是一个实用的学习资源，结合了Qt的图形界面编程和串口通信技术，为开发者提供了在实际项目中应用这些技术的范例。通过深入研究和实践，可以提升在C++和Qt开发领域的技能，为未来的...
基于QT的串口助手设计
03-20
**基于QT的串口助手设计**是开发人员用于与设备进行串行通信的实用工具，主要利用了QT库的强大功能。QT是一个跨平台的应用程序开发框架，广泛应用于GUI（图形用户界面）编程，同时也支持非GUI项目。在这个串口助手中...
c++ qt designer串口助手界面
07-25
### 回答1： c qt designer是一款非常强大的界面设计工具，可以帮助开发者快速创建用户界面。串口助手界面是一个常见的应用场景，可以通过c qt designer轻松实现。 首先，在c qt designer中，我们可以使用各种控件来设计串口助手界面。比如，可以添加一个标签控件用于显示串口信息，一个下拉列表控件用于选择串口号，一个输入框用于设置波特率等参数，还可以在界面上添加一些按钮，用于打开、关闭串口，发送、接收数据等操作。 其次，在c qt designer中，可以设置各个控件的属性和信号槽。比如，可以设置标签控件的文本属性为“串口助手”，设置下拉列表控件根据当前可用串口列表进行更新，设置按钮的点击事件槽函数为打开串口、关闭串口、发送数据等操作。 最后，在c qt designer中，还可以通过布局管理器来自动调整和管理控件的位置和大小。比如，可以使用垂直布局管理器将各个控件垂直排列，使用水平布局管理器将按钮横向排列等，以使得界面看起来更加美观和整齐。 总的来说，通过c qt designer，我们可以轻松实现串口助手界面。只需要添加各种控件、设置属性和信号槽、使用布局管理器等，就可以快速创建出一个功能完善的串口助手界面。这样，开发者可以更加专注于业务逻辑的实现，提高开发效率和用户体验。 ### 回答2： c qt designer串口助手界面是使用c和qt designer工具来创建一个用于串口通信的界面。在这个界面中，我们可以实现通过串口与外部设备进行数据的读取和发送。 首先，在qt designer中，我们可以选择串口助手界面的布局和控件。可以添加标签、按钮、文本框等控件来设计一个符合需求的界面。 接下来，我们需要在c代码中与qt界面进行交互。这是通过连接信号和槽机制来实现的。我们可以将按钮的点击事件与特定的函数绑定，在按钮点击时触发特定的操作，如打开串口、发送数据等。 在c代码中，我们首先需要初始化串口。通过使用串口的api，我们可以指定波特率、数据位、停止位和校验位等参数来建立与外部设备的通信。 接下来，我们可以实现连接按钮的槽函数，当按钮被点击时，将会调用这个函数。在槽函数中，我们可以实现打开串口、关闭串口、设置串口参数等功能。 此外，我们还可以添加文本框来显示串口接收到的数据。在槽函数中，我们可以通过读取串口接收缓冲区的数据并显示在文本框中。 最后，我们还可以在界面中添加一个文本框和发送按钮，用于发送数据。在发送按钮的槽函数中，我们可以将文本框中的数据通过串口发送出去。 总的来说，c qt designer串口助手界面可以通过使用c和qt designer工具来设计和实现一个用于串口通信的界面。在界面中，我们可以实现打开串口、关闭串口、读取数据和发送数据等功能。这个界面可以方便地与外部设备进行数据的读取和发送操作。 ### 回答3： c qt designer串口助手界面是一个利用c和qt designer开发的串口通信工具的界面。它可以用于与串口设备进行通信，如发送和接收数据。该界面可以通过qt designer的图形界面设计工具进行设计和定制。 在该界面中，通常会包含一些常见的串口设置选项，如波特率、数据位、校验位、停止位等。用户可以根据实际需求选择适合的串口设置。 界面中还会包含一个文本框，用于显示串口设备收到的数据。用户可以在这个文本框中实时查看串口设备的输出信息。 此外，该界面还提供了发送数据的功能。用户可以在一个输入框中输入要发送的数据，并通过一个按钮来发送到串口设备。用户可以在输入框中输入字符、字符串或二进制数据，并选择发送方式（如单次发送或持续发送）。 在串口助手界面中，通常还会包含一些关于串口设备状态的显示，如连接状态、发送状态、接收状态等。用户可以根据这些状态信息来判断和调试串口通信是否正常。 总而言之，c qt designer串口助手界面提供了一个方便用户与串口设备进行通信的工具，通过它，用户可以方便地进行串口的设置、数据的发送和接收，并可以通过界面显示来监控和调试串口通信状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值