QT从零开始作单片机上位机-串口调试助手+波形显示-设计QT串口助手界面，添加主窗口控件

第二章 QT从零开始作单片机上位机-串口调试助手+波形显示

目录

第二章 QT从零开始作单片机上位机-串口调试助手+波形显示

-设计QT串口助手界面，添加主窗口控件

1、开始QT串口调试助手界面设计：

2、从左侧找到所需使用的控件，拖动置主界面；

3、几点布局上的技巧：多个TextLabel ，多个Combo Box 怎么均匀整齐排列？

4、将所有控件布局基本确定之后，开始修改所有的控件属性值，方便管理、查找、对控件的调用等操作。

 5、运行QT窗口程序并修正。

---

-设计QT串口助手界面，添加主窗口控件

 

本串口调试工具的界面直接找一个已有的串口调试工具“山寨”模仿一个。

下图对比一下：

 

1、开始QT串口调试助手界面设计：

双击mainwindow.ui，出现如下界面。窗口的左侧为各控件，中间为主界面窗口和各响应信号，右侧为窗口里各控件的属性栏。

 

 

2、从左侧找到所需使用的控件，拖动置主界面；

如下：由于要显示波形界面，所以选择”Tab Widge” 控件，拖动至窗口，拉到最大，可以先修改主面板的大小，自己决定。然后选择Group Box控件，拖动置窗口，然后依次添加Push Button 、SpinBox等控件，然后细心排版。可以对照参考的串口调试工具界面。主窗口控件添加完成后，运行一遍，显示设计完成之后的效果，再作修正。

这个是Tab2

 

3、几点布局上的技巧：多个TextLabel ，多个Combo Box 怎么均匀整齐排列？

先按住CTRL，点选要布局的几个TextLabel后，右键“布局”，“垂直布局”，之后就可以改变整体大小来调整间距。多个Combo Box同理。

更简单一点：先放置Vertical Layout，之后将Combo Box置入其中，它会自动等间距排列。

 

 

4、将所有控件布局基本确定之后，开始修改所有的控件属性值，方便管理、查找、对控件的调用等操作。

（良好编程习惯/标准化的重要性）

这里修改主窗口里各控件的属性值：

 (1) Combo Box的属性QObject-objectName：cB_COM  cb_BaudRate  cB_Parity  cB_Data  cb_stop

  Textlabel的属性QLabel-text： 修改为中文字所需 比如：串口、波特率…

  其他类似。

  输入框为QTextEdit；

  复选框为QCheckBox；

  定时发送时间为QSpinBox；

  按键为QPushButton；

  接收数据框为QTextBrowser。

 

(2)修改发送时间默认为1000ms。

在右侧的属性栏里找到QSpinBox下的value属性，输入1000。确定一下maximum的最大值，这里是600000.

 

 5、运行QT窗口程序并修正。

主窗口控件添加完成后，运行一遍，显示设计完成之后的效果，再作修正。到此主窗口控件添加完成。