【QT】TemperAssistant—主窗口界面布局

工程下载链接：温度助手下载链接

基于上一章我们建立了工具栏，接下来我们就要在中心窗体centralWidgget建立串口助手组件

首先将centralWidgget窗体进行网格状布局处理

 

然后添加一个容器，命名为【参数设置】放在左侧边缘

我们发现上述区域是平均分配这个主窗口的，并不美观，我们为了限制这个参数设置不会因为窗口的变化而跟着变化，我们在属性编辑器中对其长宽的参数进行设置

我们选择Preferred

其窗口部件的默认大小就是它适合的大小，如果需要可以对该窗口部件进行压缩和拉伸

而Expanding则是可以拉伸和压缩，并希望其可以变长变宽

设置完宽度我们发现其宽度被限制了，即使全屏也不改变它的宽度。

我们在参数设置容器上面再加入一个容器，命名为【串口设置】，同时将参数设置容器也进行网格状布局处理，容器的宽度也设置位171

我们在【串口设置】容器中拖入一个【Grid Layout】网格布局组件，并将其命名为【commParam】。并同时将【串口设置】容器属性进行网格状布局处理

接下来向里面添加串口控件和标签

主要有：端口号、波特率、数据位、校验、停止位、刷新、打开串口按钮

将第一个下拉菜单的宽度属性设置为Expanding

将其重新命名。

在【串口设置】容器下面，添加两个按钮【刷新】【打开串口】

设置按钮的属性

根据经验Width设置为35比较美观

再为按钮添加图片

【打开串口】有两种状态，因此要添加两个图标。 

串口图标尺寸设置为25，刷新图标设置为20。

效果如下：

我们看到这个宽度太宽了，因为是自适应宽度，所以在【参数设置】下面加一个弹簧

这样就很美观了

但是放大窗口容器就容易变形，原因是没有将容器的大小固定住。

只需要限定串口设置容器的长宽即可

我们需要记住一个原则，不想让控件随意变化就设定好它的长宽高，根据要求适当调整

我们在参数设置容器中放入三个垂直排列。来管理我们的输出曲线

第一行加入Radio Button和下拉框Group Box

第二行加入Radio Button和下拉框Spin Box

四三行加入Group Box和Tool Button

便于后续编程将上述模块命名

添加接收设置

注意：保存至文件要checkable

添加发送设置

特别注意一下。