QT教程demo之串口助手界面设计

从本章节开始我会间接性的写一写有关QT的项目，总体分为两大部分也就是两个专题，第一个专题是一些小demo之类的，第二个专题是一些项目工程这样子。当然了除了本人写的外。如果我要是看到比较好的QT工程。我也会给大家做一个文章的讲解。
当然有关基础的教程，向小部件用法呀排版呀之类的，不在学习的范围内。不会的或不懂QT的请进行一定的了解再来。
还有就是基础的东西网上比较多。这点就不写了。
所有的都开源，我会把这些放到git仓中，需要的可以下载。
开发环境QT6

另外本人创建了一个微信群欢迎加入：

git仓地址：QT_project

1-串口界面设计

先来看一下图，如下图所示，这事此次设计的界面，虽然还不是很完善，但是界面相对还是比较好看的。

好了，现在我们进入正题，开始今天的设计。

1-串口基本组成

串口我们都知道是由这几部分组成的，分别是com口、波特率、数据位、停止位、校验位、流控制这几部分组成。再然后就是发送和接收，再然后就是在这些基础上进行的一些扩展。我这里设计上面图示的样子是为了以后对这个进行一些其他功能的添加，比如网络协议之类的。当然可以根据自己的需求进行设计。

2- 界面设计

1-串口设置界面

根据串口的特点主要的功能。我们可以进行如下的界面设计（注：如何创建工程以及创建时遇到类的选择，本作者不进行任何赘述，不会的可以去看看其他人写的基础内容或视频）。
设置中用到的部件有QtabWidget、QGroupBox、QcomboBox、QLabel、PushButton这几个部件组成。

2-接收设置设计

接受设置需要的部件如下图所示：

最后我们把这些部件添加到UI设计界面中，就是如下图：

3-发送设置设计

发送设置需要的部件如下图所示：

最后我们把这些部件添加到UI设计界面中，就是如下图：

4-接收区设计

接收区需要的部件如下图所示：

最后我们把这些部件添加到UI设计界面中，就是如下图：

5-发送区设计

发送区需要的部件如下图所示：

最后我们把这些部件添加到UI设计界面中，就是如下图：

6-最终界面设计

如下图：

从上面的图来看，版面稍微有点乱。我们进行一下排版。
最终运行效果就是下面这样子了。