从0开始教你用Qt Creator + C++写串口调试助手

从0开始教你用Qt Creator + C++写串口调试助手(一)

本文章,适用于刚开始学习Qt Creator及稍有一点C++基础的人参考,其实没有C++基础也可以,有另一门高级语言基础也可以。
先附上效果图:
在这里插入图片描述
实现的功能:
1,串口收发及参数设置;
2,可以手动刷新所有已经存在的串口,当然,开启软件的时候会自动刷新出所有串口;
3,在“串口选择”复选框内选择其它串口时软件能关闭当前串口并自动打开选择的串口;
4,将接收到的所有文本内容清除。

既然从0开始,那么就要一步一步来,先做出串口上述基本功能来,在慢慢将所有功能添加上去。实际上上述功能会了以后添加其它功能只不过是照猫画虎而已。

一,Qt Creator 下载

推荐最新版5.9.9,网上可能推荐4.x.x,但实际上不是做专业UI项目的话Qt Creator版本越新越好,其一:安装包给你集合到一个.exe里面,不用在去找配套的组件,多省心,4.x.x不但要找.exe安装包还要找一堆支持组件才能正常运行Qt。

其二:版本更新后自带了更多的类可供选择,就比如串口调试助手,4.x.x里面就没有操作串口的类,还需要去下载第三方类库,5.9.9则可以直接调用。

Qt Creator下载地址

点进去后页面如下图所示:
在这里插入图片描述
如果链接地址失效使用以下百度网盘:
链接:https://pan.baidu.com/s/1J49R0V4QCsHsd1EQnN0IzA
提取码:psqf

二,Qt Creator 安装

附上我的另一篇博文:
Qt Creator 5.9.9下载与安装图解详细教程

三,新建项目开始串口助手开发

1,在桌面新建一个文件夹,命名为Qt_serial_project
在这里插入图片描述
2,打开Qt Creator 4.11.0 (Community),如下图所示,找不到的话搜索一下,然后把这个添加到桌面快捷方式,方便下次使用。
在这里插入图片描述

3,点击文件选择新建文件或项目
在这里插入图片描述

4,选择Application->Qt Widgets Application,然后点击choose
在这里插入图片描述

5,命名工程和选择刚才在桌面创建的工程目录,然后点击下一步
在这里插入图片描述

扫描二维码关注公众号,回复: 13537049 查看本文章

6,选择qmake,然后点击下一步
在这里插入图片描述

7,默认值不要动,直接点下一步
在这里插入图片描述

8,依旧直接点下一步
在这里插入图片描述

9,点击下一步
在这里插入图片描述

10,点击完成,至此工程就创建好了。
在这里插入图片描述

四,修改项目DEBUG输出目录

工程创建完成后如果不修改DEBUG输出目录,Qt会使用默认值,一般默认值不是我们想要的,因此我们修改DEBUG输出目录在我们的工程目录里,这样子我们点击DEBUG的时候Qt会自动在工程目下创建debug文件夹,工程输出的debug信息和.exe文件都在这里面。

1,如下图,第一步点击左边的项目按钮,第二步勾选Shadow build小框,第三步将构建目录里的东西修改为 .\ ,这样子就定位到了我们的工程目录。
在这里插入图片描述2,然后将Debug切换为release等进行相同的操作
在这里插入图片描述

3,点击左下角的Release,然后点击Debug将当前发行版运行环境切换为Debug运行环境,如果本来就是Debug环境 就不用更改
在这里插入图片描述

4,点击运行按钮
在这里插入图片描述

5,稍等片刻后就会打开一个空白窗口,且工程目录会多出debug和release这两个文件夹,这就是我们设置的debug输出目录,我们的.exe文件就在里面。
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
至此,最基本的制作一个窗口的操作就完成了,然后在上面添加构件及编写槽函数就行。

五,添加构件

1,双击mainwindow.ui打开窗口编辑视图在这里插入图片描述
在这里插入图片描述
2,窗口编辑视图的左边是各种控件,只需要进行拖动到灰色区域就能实现添加控件,如下图所示拖动一个按钮

在这里插入图片描述

3,这个多点点多试试就会了,需要最后拖成下图所示效果
在这里插入图片描述

基本的图形界面就是这样制作的,后面写对应的按钮的功能时只需要右键点击某个控件,然后选择定位到槽函数,qt就自动帮你生成好了控制该控件的函数,然后你在函数里面进行相应的操作就行,后期有时间会写第二篇教程。

猜你喜欢

转载自blog.csdn.net/qq_35333978/article/details/106083975