【pyqt-实训训练】串口助手

news2024/9/22 15:36:59

串口助手

前言
一、ui设计
二、ui的控件命名
三、ui转py
- 使用类的方法
- 【扩展】使用ui文件导入！
- P7的小错误
- 解决办法
总结

前言

我的惯例就是万物之始，拜见吾师🥰⇨pyqt串口合集
最开始的时候我想的是，学了那么久的pyqt，我一定可以写一个小项目了。然后自己去网上看了，大家基本上都是写的串口助手。
于是就想着开始了，但是，发现自己还是学术不精，看得迷迷糊糊的，最后一夜失眠去b站逛逛，偶然看见这个老师教的好像不错，很详细。简直太适合我这个废物了。
废话不说太多，干就完了。
但还是要开一篇笔记记录一下，学习过程中的收获。避免日后我这个头脑简单的货忘记了。

----2024.7.2
找到一个很棒的虚拟串口的软件，超级好用。仙人指路👉VSPD虚拟串口软件安装及使用
可以模拟两个串口之间的通讯，这里是使用他创建虚拟串口进行调试自己的设计的上位机是否能成功使用数据收发功能的。

----2024.7.6

一、ui设计

老师采用的是design界面设计。
简单来说就是抄界面。
我的参考是江科大的串口助手，与老师的略微不同，但是我认为大同小异而已。
参考界面如下：
在这里插入图片描述

1、PyQt creator 控件的复制
这里需要注意的点就是对于一模一样的组合控件，可以按住一个之后，按ctrl选中第二个然后拖出来。实现一组控件的复制。

以下是一些我认为值得注意的点

2、获取界面大小

在这里插入图片描述
简答说就是利用截图工具获取像素大小。
我这里主要是套娃截图不太方便了。这里是795535
我选择的话就选择是780540吧

然后老师选择对小的进行布局，然后在对整体进行布局。

line edit 只显示一行的
而textbower是大量文本显示的。

在这里插入图片描述

弹簧就是为了占位置，防止控件尺寸变异
在这里插入图片描述
改变弹簧的长度改变整体布局

我就说我误打误撞听半句不听半句的性格很容易出错。
于是遇到了请添加图片描述
解决办法
哈哈，我其实没看懂这些博主想表达的意思，但是我猜想，肯定是布局大小冲突或者其他布局方面的错误了。
然后就是疯狂的截图改大小截图改大小，保存，保存失败，继续修改的过程。最终解决。
当然我还调整了整体的布局关系。误打误撞的解决了。
最有成就感的合影~
在这里插入图片描述

二、ui的控件命名

在这里插入图片描述
这个步骤就是把对应的名称都给改了，方便后续写代码。
大工程呀，一手翻译软件一手复制粘贴才能写完的🤗

三、ui转py

导入窗口展示。
这个步骤就跟老师的vscode操作不一样了，参考我以前的笔记吧。
【PyQt】06-.ui文件转.py文件
根据前面的设定，此时只需如此就行啦
在这里插入图片描述
{这里导入花了很长一段时间，最后打算废掉换另一种方法}
就是，不知道哪里有错。转成py文件一直在报错。。。。
秉承着那里报错就修改哪里的态度，注释掉两个奇怪的地方之后

成功召唤出来

这里记录一下，main的部分

'''
#Author ：susocool
#Creattime:2024/6/29
#FileName:main
#Description: 串口助手的主要界面
'''
import sys
from PyQt5.QtWidgets import QApplication
import PyQt5.QtWidgets as qw
import SerialAssistant_ui
# from PyQt5 import uic


if __name__ == "__main__" :
    app = qw.QApplication(sys.argv)
    w = qw.QWidget()
    ui = SerialAssistant_ui.Ui_Serial()
    ui.setupUi(w)
    # ui = uic.loadUi(".\SerialAssistant_ui.ui")
    w.show()
    app.exec_()

使用类的方法

一个很诡异的事情，就是我上面的办法的时候不是遇到了两个奇怪的报错嘛，但是跟着老师用下面的方法写之后。遇到了两个奇怪的现象，于是我把注释取消掉就好了！
灵异事件展示
在这里插入图片描述
取消注释，显示正常。

算了，人要灵活变通吧

'''
#Author ：susocool
#Creattime:2024/6/29
#FileName:main
#Description: 串口助手的主要界面
'''
import sys
from PyQt5.QtWidgets import QApplication
import PyQt5.QtWidgets as qw
import SerialAssistant_ui
import threading
# from PyQt5 import uic

class SerialFrom(qw.QMainWindow):
    def __init__(self):
        super().__init__()
        self.ui = SerialAssistant_ui.Ui_Serial()
        self.ui.setupUi(self)
        print("主线程ID",threading.current_thread().ident)


if __name__ == "__main__" :
    app = qw.QApplication(sys.argv)
    w = SerialFrom()
    w.show()
    app.exec_()

【扩展】使用ui文件导入！

本来是想ui导入更加方便的，但是毕竟我是初学者，要跟着老师的步骤操作。于是我放弃这条路了，但是还是要记录一下的。

'''
#Author ：susocool
#Creattime:2024/6/29
#FileName:main
#Description: 串口助手的主要界面
'''
import sys
from PyQt5.QtWidgets import QApplication
from PyQt5 import uic


if __name__ == "__main__" :
    app = QApplication(sys.argv)
    ui = uic.loadUi(".\SerialAssistant_ui.ui")
    ui.show()
    app.exec_()

在这里插入图片描述
最终的结果是这样的。

P7的小错误

我在学习老师的教学视频的时候遇到了一个小错误搞了半天。都没找出那里有问题。
当然最终解决了，本质上导致这种问题的根本原因就是我自己的不熟练导致。
首先，P7 讲的是数据通信了。{这里采用虚拟串口的方式进行通讯}
描述一下问题吧
就是我发现我的数据
这个是打印接收到所有参数的语句。刚开始我并没有注释掉这块，于是导致后面的在receive_textBrowser打印参数始终不出来。
在这里插入图片描述
我是把信号触发的槽函数设置成slot_ReadData。在这个函数的开始我就把接收到的参数都打印出来，可以看见打印出来的全是[]空值