飞道的博客

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

813人阅读  评论(0)

第二章 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窗口程序并修正。

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

 

 

 

   


转载:https://blog.csdn.net/xiaoeleis/article/details/117258685
查看评论
* 以上用户言论只代表其个人观点,不代表本网站的观点或立场