itop4412开发板Qt串口编程-界面布局

阳阳天

本节我们使用 Qt 来编写一个简单的上位机。
7 M4 ?% c0 c+ ?4 A. x实验介绍：组装 ui 界面，使用 Qt 提供的串口类来实现串口收发功能，需要掌握的相关 Qt 知识有以下几点：
0 R- {  |% d, ?. P! p9 bQSerialPort 是 Qt5 中的附加模块，提供了基本的功能，包括配置、I/O 操作、获取和设置 RS-232 引脚的信号，要链接 QtSerialPort 模块，需要在.pro 文件中添加+=serialport。
QSerialPort 封装了丰富的成员变量来对应串口属性，还有很多操作串口的成员函数，常用的成员函数有setPort()或 setPortName()，setBaudRate（），setDataBits（），setStopBits（），setParity（）等，可以用这些函数设置要访问的串口设备。本实验使用了 readyRead()信号，当有数据到来时会触发类对象的 readyRead()信号，然后利用它的成员函数 readAll()读取。
类 QSerialPortInfo 可以获取可用的串口信息，如端口名称，系统位置，产品号，描述，制造商等信息。我们把它获取到的端口信息交给 QSerialPort 类对象。
$ W( n6 x) o) a  l1 h77.1 界面布局
8 M% d# z$ D: v. R/ ?步骤一：将控件拖到 ui 界面上
/ L3 o4 M# a" `- _- Q/ d接收框使用 Plain Text Edit，发送框使用 lineEdit，属性选择组件使用 Combo Box。
2 ?; i: ^8 F5 G# n3 w; s7 F: s
  G+ O" o2 {: _  B步骤二：属性设置栏布局，以串口号为例，依次水平布局属性选择位。

然后全部选中属性选择框，点垂直布局

效果如图 ：
5 n- f8 g  C& x- s' w1 k1 ~8 e
; B& L. D1 b6 a5 e9 z步骤三：功能栏布局，在按钮间添加弹簧，点击水平布局。

. p9 p  v, T9 m- D* F选中 Lbel，发送框和功能按钮，点击垂直布局
6 l/ {1 B# u/ d0 d3 P9 ?0 s
; }- D( x# U! t& C- s( E如图 ：

选中属性栏和右侧组件，然后点击水平布局，如图：

& Q5 `- w3 w* R( g" k# n# ^- a完成后：
3 h& M+ ~1 L4 Y) v* O
再仿照上边的方法将下方的功能部分和接收框垂直布局：
7 k3 U6 {1 O# F6 \" f$ i) q
添加完组件后，更改接收框为只读：点击接收框，在 QTextEdit 里标记 readOnly。
在右上角更改 ui 界面对象名，界面组装完成后可以根据需要自行修改，
) p& C' {0 {* j& o1 l, q6 R  C双击属性选择框添加属性：

' `/ B  a3 S) ]4 \如图：
# A* `( i: X1 W, X  C
1 o6 K) l9 H$ Z+ f5 G

哔哩哔哩搜索学习更多内容

turth

很好的分享，但是楼主这样的帖子有广告区哦！