[经验] itop4412开发板Qt串口编程-界面布局

遥寄山川   2021-4-9 14:31 楼主

本节我们使用 Qt 来编写一个简单的上位机。
实验介绍:组装 ui 界面,使用 Qt 提供的串口类来实现串口收发功能,需要掌握的相关 Qt 知识有以下几点:
QSerialPort 是 Qt5 中的附加模块,提供了基本的功能,包括配置、I/O 操作、获取和设置 RS-232 引脚的信号,要链接 QtSerialPort 模块,需要在.pro 文件中添加+=serialport。
QSerialPort 封装了丰富的成员变量来对应串口属性,还有很多操作串口的成员函数,常用的成员函数有setPort()或 setPortName(),setBaudRate(),setDataBits(),setStopBits(),setParity()等,可以用这些函数设置要访问的串口设备。本实验使用了 readyRead()信号,当有数据到来时会触发类对象的 readyRead()信号,然后利用它的成员函数 readAll()读取。
类 QSerialPortInfo 可以获取可用的串口信息,如端口名称,系统位置,产品号,描述,制造商等信息。我们把它获取到的端口信息交给 QSerialPort 类对象。
77.1 界面布局
步骤一:将控件拖到 ui 界面上
接收框使用 Plain Text Edit,发送框使用 lineEdit,属性选择组件使用 Combo Box。
1.jpg
步骤二:属性设置栏布局,以串口号为例,依次水平布局属性选择位。
2.jpg
然后全部选中属性选择框,点垂直布局
3.jpg
效果如图 :
4.jpg
步骤三:功能栏布局,在按钮间添加弹簧,点击水平布局。
5.jpg
选中 Lbel,发送框和功能按钮,点击垂直布局
6.jpg
如图 :
7.jpg
选中属性栏和右侧组件,然后点击水平布局,如图:
8.jpg
完成后:
9.jpg
再仿照上边的方法将下方的功能部分和接收框垂直布局:
10.jpg
添加完组件后,更改接收框为只读:点击接收框,在 QTextEdit 里标记 readOnly。
在右上角更改 ui 界面对象名,界面组装完成后可以根据需要自行修改,
双击属性选择框添加属性:
11.jpg
如图:
12.jpg

13.jpg
哔哩哔哩搜索学习更多内容

回复评论 (2)

看起来做上位机那种界面完全没问题

点赞  2021-4-9 21:42

谢谢分享!

默认摸鱼,再摸鱼。2022、9、28
点赞  2021-4-12 22:39
电子工程世界版权所有 京B2-20211791 京ICP备10001474号-1 京公网安备 11010802033920号
    写回复