能力一般，水平有限，真心欢迎批评指正！以后会不断完善修改，如果对你有帮助欢迎点赞收藏！
小白教程，当我们掌握了一点点的Qt Designer的技能，得意于能够在界面上作画的时候，怎么编写其中的逻辑关系是我们进一步想要了解的，下面介绍了点击按钮-->调用笔记本电脑摄像头-->加载实时画面到TextLabel-->关闭摄像头的简单过程。建议不要一股脑的粘贴复制，消化吸收是目的，欢迎评论区的思想碰撞。
1、环境及语言：vscode编译器、python语言、已经安装好pyqt5、QtDesigner，在桌面新建名为test的文件夹（名字自己取），打开vscode，选择test文件夹打开。
2、在vscode的左侧资源管理器界面，右键选择PYQT: New Form，来到Qt Designer界面，创建Main Window, 拖进两个push Button控件和一个Label控件后，如下图所示。另外，要注意控件的变量名，后面在编写逻辑代码的时候很重要，例如下图箭头所指就是label控件的变量名了，可以自己定义，pushButton按钮的变量名也是这样。
其中显示界面label界面的变量名：DisplayInterface；实时采集：OpenpushButton；关闭相机：ClosepushButton。
3、保存后，会在vscode左侧资源管理器中出现一个.ui结尾的文件，如下图所示，右键选择“Compile Form”（编译表单），会生成Ui_untitled.py文件。同时我们要自己手动创建一个Logic_code.py（名字自己起）的文件用来存储逻辑代码，这样一来前端和后端分开，编写逻辑的代码只需要知道UI界面上控件的变量名，就可以编写控件之间的关系。
4、在Logic_code.py文件中，首先最基本的,我们要导入库和包、入口函数。
import sys # sys模块包含了与Python解释器和它的环境有关的函数
import cv2 # cv2是python中计算机视觉库OpenCV的一个模块，全称是Open Source Computer Vision Library（开放源代码计算机视觉库）
import Ui_untitled # 注意这里，导入的是你.ui文件所生成的.py文件的名字
# 以下是PyQt5的库和包
from PyQt5 import QtGui
from PyQt5.QtWidgets import QApplication, QMainWindow
from PyQt5.QtGui import QPixmap,QImage
from PyQt5.QtCore import QTimer
class Ui_MainWindow(QMainWindow, Ui_untitled.Ui_MainWindow):
def __init__(self): # 构造方法
super(Ui_MainWindow, self).__init__() # 运行父类的构造方法
self.setupUi(self) # 传递自己
# 入口函数
if __name__ == '__main__':
app = QApplication(sys.argv)
ui = Ui_MainWindow()
ui.show()
sys.exit(app.exec_())现在你可以右键在终端中运行Logic_code.py文件试一试了，会出现你在Designer中所创作的界面。
5、接下来，我们要进行信号与槽的操作，简单理解就是一个信号触发一个动作，一个起因产生一个或者一个系列的后果，触发动作的信号可以是点击也可以是定时器脉冲。下面的代码是在第三步的基础上加了一些代码，你来找找看多了哪些代码，注意他们的所在行的位置和缩进。
import sys # sys模块包含了与Python解释器和它的环境有关的函数
import cv2 # cv2是python中计算机视觉库OpenCV的一个模块，全称是Open Source Computer Vision Library（开放源代码计算机视觉库）
import Ui_untitled # 注意这里，导入的是你.ui文件所生成的.py文件的名字
# 以下是PyQt5的库和包
from PyQt5 import QtGui
from PyQt5.QtWidgets import QApplication, QMainWindow
from PyQt5.QtGui import QPixmap,QImage
from PyQt5.QtCore import QTimer
class Ui_MainWindow(QMainWindow, Ui_untitled.Ui_MainWindow):
def __init__(self): # 构造方法
super(Ui_MainWindow, self).__init__() # 运行父类的构造方法
self.setupUi(self) # 传递自己
########################################################
# 在类构造函数中初始化一些额外的东西
self.camera_timer = QTimer() # 创建定时器QTimer对象（camera_timer）
self.cap = cv2.VideoCapture() # 初始化cv2.VideoCapture对象
self.init() # 构建init方法
########################################################
# 通过init方法集中绑定槽函数
def init(self):
self.OpenpushButton.clicked.connect(self.open_camera) # 绑定打开相机槽函数open_camera
self.ClosepushButton.clicked.connect(self.close_camera) # 绑定关闭相机槽函数close_camera
self.camera_timer.timeout.connect(self.show_image) # 绑定显示图片槽函数show_image
########################################################
# 以下是自定义的槽函数及其他衍生的自定义功能函数
def open_camera(self): # 打开相机
self.cap = cv2.VideoCapture(0) # 摄像头
self.camera_timer.start(40) # 每40毫秒读取一次，即刷新率为25帧
def show_image(self): # 显示图片
flag, self.image = self.cap.read() # 从视频流中读取图片
width,height,_ = self.image.shape # 行:宽，列:高
ratio1 = width / self.DisplayInterface.width() # (DisplayInterface 宽度)
ratio2 = height / self.DisplayInterface.height() # (DisplayInterface 高度)
ratio = max(ratio1, ratio2)
image_show = cv2.cvtColor(self.image, cv2.COLOR_BGR2RGB) # opencv读的通道是BGR,要转成RGB
image_show = cv2.flip(image_show, 1) # 水平翻转，因为摄像头拍的是镜像的。
self.showImage = QtGui.QImage(image_show.data, height, width, QImage.Format_RGB888)
self.showImage.setDevicePixelRatio(ratio) # 按照缩放比例自适应 DisplayInterface 显示
self.DisplayInterface.setPixmap(QPixmap.fromImage(self.showImage)) # 往显示视频的DisplayInterface里显示QImage
def close_camera(self): # 关闭摄像头
self.camera_timer.stop() # 停止读取
self.cap.release() # 释放摄像头
self.DisplayInterface.clear() # 清除DisplayInterface组件上的图片
self.DisplayInterface.setText("TextLabel") # 设置文字在界面上
if __name__ == '__main__':
app = QApplication(sys.argv)
ui = Ui_MainWindow()
ui.show()
sys.exit(app.exec_())添加的代码具体做了以下几件事情：
（1）在类的构造函数中初始化一些额外的东西，比如定时器、视频流抓取函数、init初始化方法等；
（2）通过init方法集中绑定槽函数，规定了什么样的信号触发什么样的功能函数，比如定义名为OpenpushButton的按钮用点击的方式链接名为open_camera的槽函数；定义名为camera_timer的定时器通过“定时器超时触发器timeout”的方式链接名为show_image的槽函数等等；
（3）自定义槽函数及其他衍生的自定义功能函数，函数具体功能的实现：点击按钮-->调用笔记本电脑摄像头-->加载实时画面到TextLabel-->关闭摄像头。
效果如下：
文章来源：https://www.toymoban.com/news/detail-795777.html
能力一般，水平有限，真心欢迎批评指正！以后会不断完善修改，如果对你有帮助欢迎点赞收藏！建议不要一股脑的粘贴复制，消化吸收是目的，欢迎评论区的思想碰撞。文章来源地址https://www.toymoban.com/news/detail-795777.html
到了这里，关于小白教程：PyQt5点击按钮，调用笔记本电脑摄像头将实时画面显示在label控件上，并且使用UI代码和逻辑代码分开的方式的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
