关于python3下搭建pyqt5(pycharm)参考这条连接。html
对于pyqt的使用我的比较建议ui设计与逻辑功能分开开发。python
下面介绍下简单的使用(经过左侧的目录可直接跳转到相应模块):多线程
经过pycharm的Tools->External Tools->QtDesigner打开界面设计窗口(本文以建立一个Main Window为例)。app
经过拖拽能够简单的设计界面,设计好后保存UI文件(本文建立的文件名为GUI),对UI文件点击鼠标反键选择External Tools->PyUIC,会生成一个对应UI界面的GUI.py文件。less
接下来为了让UI设计文件与逻辑功能文件分开,在新建一个py文件,导入刚生成的GUI.py中的 Ui_MainWindow。函数
import sys import cv2 from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * from GUI import Ui_MainWindow # 导入建立的GUI类 class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = mywindow() window.show() sys.exit(app.exec_())
OK!一个超级简单的UI设计以及UI的调用所有完成。布局
接下来再写点基础UI开发中经常使用到的功能:ui
下面介绍几个函数用来调节窗口界面的位置以及界面边框和背景的隐藏。.net
在逻辑功能文件的初始化中进行设置:线程
import sys import cv2 from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * from main_window import Ui_MainWindow # 导入建立的GUI类 class mywindow(QtWidgets.QMainWindow, Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) # setting main window geometry desktop_geometry = QtWidgets.QApplication.desktop() # 获取屏幕大小 main_window_width = desktop_geometry.width() # 屏幕的宽 main_window_height = desktop_geometry.height() # 屏幕的高 rect = self.geometry() # 获取窗口界面大小 window_width = rect.width() # 窗口界面的宽 window_height = rect.height() # 窗口界面的高 x = (main_window_width - window_width) // 2 # 计算窗口左上角点横坐标 y = (main_window_height - window_height) // 2 # 计算窗口左上角点纵坐标 self.setGeometry(x, y, window_width, window_height) # 设置窗口界面在屏幕上的位置 # 无边框以及背景透明通常不会在主窗口中用到,通常使用在子窗口中,例如在子窗口中显示gif提示载入信息等等 self.setWindowFlags(Qt.FramelessWindowHint) # 无边框 self.setAttribute(Qt.WA_TranslucentBackground) # 背景透明
首先打开QtDesigner经过鼠标添加一个pushbutton,双击进行更改pushbutton的text。
接下来对pushbutton反键选择Change objectName进行修改,这个名称是在逻辑功能设计时调用的名称。重要!
修改完以后进行保存,记得每次修改后都要对UI文件反键进行External Tools->PyUIC操做对GUI.py文件进行更新。
接着进入逻辑功能文件,添加pushbutton对应的响应函数与槽链接。
设计pushbutton点击对应的响应函数:
class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) def pushbutton_fuction(self): # pushbutton对应的响应函数 # do some things
添加槽链接:
class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) self.one_pushButton.clicked.connect(self.pushbutton_fuction) # one_pushButton是对应的objectName # 将点击事件与槽函数进行链接 def pushbutton_fuction(self): # do some things
首先添加一个QLabel,修改text内容以及Change objectName.
接下来咱们要实现经过点击一个pushbutton在QLabel中显示一张图片。
class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) self.one_pushButton.clicked.connect(self.pushbutton_fuction) def pushbutton_fuction(self): Im = cv2.imread('***.jpg') # 经过Opencv读入一张图片 image_height, image_width, image_depth = Im.shape # 获取图像的高,宽以及深度。 QIm = cv2.cvtColor(Im, cv2.COLOR_BGR2RGB) # opencv读图片是BGR,qt显示要RGB,因此须要转换一下 QIm = QImage(QIm.data, image_width, image_height, # 建立QImage格式的图像,并读入图像信息 image_width * image_depth, QImage.Format_RGB888) self.image_label.setPixmap(QPixmap.fromImage(QIm)) # 将QImage显示在以前建立的QLabel控件中
若是想让图片适应QLabel的大小,在 __init__中添加一行代码:
self.image_label.setScaledContents(True)
若是想自定义QLabel的大小以及位置,能够用:
self.image_label.setGeometry(x, y, width, height)
QLineEdit控件经常使用的就是读取与写入两个功能:
self.my_lineEdit.text() # 读取QLineEdit中的内容 self.my_lineEdit.setText('show some text') # 将字符串写入QLineEdit中 self.my_lineEdit.clear() # 清除QLineEdit中的信息
QCheckBox主要是检查其勾选状态,或者链接改变状态触发事件,经常使用函数以下:
self.my_checkbox.stateChanged.connect(self.related_function) # 将checkbox状态变化事件链接相应函数 self.my_checkbox.isChecked() # 检查checkbox是否被勾选 self.my_checkbox.setCheckState(QtCore.Qt.Unchecked) # 将checkbox状态设置为未勾选状态 # QtCore.Qt.Checked 为勾选状态
首先经过QtDesigner将Comb box控件托至界面中,双击Combo box控件在弹出的界面中点击左下角的加号添加选项:
获取Combo box选择信息的经常使用方法主要有两种,一种是获取选项的index一种是直接获取选项的文本。
self.image_type_comboBox.currentIndex() # 获取当前选项的Index(int) self.image_type_comboBox.currentText() # 获取当前选项的文本(Qstring)
QMovie可将gif动态图在label中进行显示。用起来也很是简单。
Movie = QMovie('time.gif') # 载入Gif图,注意QMovie在PyQt5.QtCore内 self.movie_label.setMovie(Movie) # 将gif显示在gif中 Movie.start() # 启动gif Movie.stop() # 中止gif
在界面开发过程当中若不对界面进行布局则致使界面缩放过程当中各控件不会跟着调整使得界面很是的难看,该部分因为图片较多,故单独写在一个博文里,详情见连接。
directory = QFileDialog.getExistingDirectory(self, "选取文件夹", "D:/") # 打开路径为D盘,若不指定路径,默认打开当前py文件所在文件夹
fileName, filetype = QFileDialog.getOpenFileName(self, "选取文件", "C:/", "Image Files (*.jpg);;Text Files (*.txt)") # 设置文件扩展名过滤, # 注意用双分号间隔
information框:
QMessageBox.information(self, 'Information', '提示消息')
question框:
reply = QMessageBox.question(self, "question", "选择是或否", QMessageBox.Yes | QMessageBox.No)
一般保存图片或者文件时,会常常纠结如何命名文件,别想了直接用时间命名吧!
time = datetime.datetime.now().strftime('%Y-%m-%d-%H-%M-%S') # import datetime save_file_name = time + '.jpg' cv2.imwrite(save_file_name, save_image)
首先打开Qt Designer,在界面的最上端双击“Type Here”输入“File(&F)”后按回车键,建立一级菜单,如图所示,(&F)表示经过“Alt + F”快捷键直接打开。同理建立二级菜单等。
建立好菜单后在右侧menuFile_F一级菜单下能够看到相应menu名称,例如图中建立的Open file二级菜单对应的名称为actionOpen_file_O
接下来在逻辑功能文件中的__init__函数下进行槽链接便可。
self.actionOpen_file_O.triggered.connect(self.open_file_function)
状态栏的使用主要是显示一些信息,便于使用。主要使用两个函数:
self.statusBar().showMessage() # 显示字符串 self.statusBar().clearMessage() # 清除字符串
首先新建一个UI文件(Widget)sub_window.py以及相应的逻辑功能文件sub_main.py。
建立相应的逻辑文件sub_main.py(要将建立的子UI界面导入):
from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * from sub_window import Ui_Form # 导入子UI界面 class secondwindow(QtWidgets.QWidget, Ui_Form): # 建立子UI类 def __init__(self): super(secondwindow, self).__init__() self.setupUi(self)
接着在主逻辑文件中导入子类,并进行实例化:
import sys import cv2 from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * from GUI import Ui_MainWindow from sub_main import secondwindow # 导入子UI类 class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) self.second_window = secondwindow() # 实例化子界面 self.one_pushButton.clicked.connect(pushbutton_fuction) # 槽函数链接 def pushbutton_fuction(self): self.second_window.show() # 经过点击按钮弹出子界面 if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = mywindow() window.show() sys.exit(app.exec_())
注意:本示例建立的子窗口继承自QWidget,是非模态化的窗口(能够同时在子窗口和主窗口上进行操做)。若要建立一个模态化的窗口(只有在关闭子窗口后才能对主窗口进行操做),须要继承自QDialog,实例化并打开窗口代码以下:
self.second_window = secondwindow() # 实例化子界面,注意secondwindow继承自QDialog self.second_window.exec_() # 打开子窗口,注意和非模态化不一样
在主逻辑文件中建立pyqt信号传递到子窗口中:
import sys import cv2 from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * from GUI import Ui_MainWindow from sub_main import secondwindow class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): emit_image_signal = pyqtSignal(QImage) # 建立pyqt信号,指定传递的变量类型为QImage def __init__(self): super(mywindow, self).__init__() self.setupUi(self) self.second_window = secondwindow() # 实例化子界面 self.one_pushButton.clicked.connect(pushbutton_fuction) self.emit_image_signal.connect(self.second_window.show_label) # 将pyqt信号链接到 # 子窗口的show_label()函数 def pushbutton_fuction(self): Im = cv2.imread('***.jpg') # 经过Opencv读入一张图片 image_height, image_width, image_depth = Im.shape # 获取图像的高,宽以及深度。 QIm = cv2.cvtColor(Im, cv2.COLOR_BGR2RGB) # opencv读图片是BGR,qt显示要RGB,因此须要转换一下 QIm = QImage(QIm.data, image_width, image_height, # 建立QImage格式的图像,并读入图像信息 image_width * image_depth, QImage.Format_RGB888) self.second_window.show() # 弹出子窗口 self.emit_image_signal.emit(QIm) # 释放pyqt信号 if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = mywindow() window.show() sys.exit(app.exec_())
在子逻辑文件中接收pyqt信号并绘制图像:
class secondwindow(QtWidgets.QWidget, Ui_Form): # 建立子UI类 def __init__(self): super(secondwindow, self).__init__() self.setupUi(self) def show_label(self, QIm) self.image_label.setPixmap(QPixmap.fromImage(QIm)) # 将传递进来的图片显示在建立好的QLabel控件中
使用鼠标事件首先要开启鼠标跟踪,接着重写鼠标事件:
class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) self.setMouseTracking(True) # 开启鼠标跟踪 self.centralwidget.setMouseTracking(True) self.image_label.setMouseTracking(True) # 在image_label中开启鼠标跟踪 def mouseMoveEvent(self, a0: QtGui.QMouseEvent): # 鼠标移动事件 # a0.x() -> x坐标 ; a0.y() -> y坐标 def mousePressEvent(self, a0: QtGui.QMouseEvent): # 鼠标点击事件 if a0.button() == Qt.LeftButton: # 按下鼠标左键 # do something if a0.button() == Qt.RightButton: # 按下鼠标右键 # do something if a0.button() == Qt.MidButton: # 按下鼠标中间 # do something def mouseReleaseEvent(self, a0: QtGui.QMouseEvent): # 鼠标释放事件 # do something
pyqt多线程的使用,主要是先建立一个线程类,接着在主线程中进行实例化并开启线程。
首先建立一个线程类,新建一个py文件:
import cv2 from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * class mythread(QThread): def __init__(self, parent=None): super(mythread, self).__init__() def __del__(self): self.wait() def run(self): # do something
接着在主函数中导入自定义线程类,实例化并开启:
import sys import cv2 from PyQt5 import QtCore, QtGui, QtWidgets from PyQt5.QtCore import * from PyQt5.QtWidgets import QFileDialog, QMessageBox, QDockWidget, QListWidget from PyQt5.QtGui import * from GUI import Ui_MainWindow from costom_thread import mythread # 导入自定义线程类 class mywindow(QtWidgets.QMainWindow,Ui_MainWindow): def __init__(self): super(mywindow, self).__init__() self.setupUi(self) self.one_pushButton.clicked.connect(pushbutton_fuction) # 槽函数链接 self.sub_thread = mythread() # 实例化新线程 def pushbutton_fuction(self): self.sub_thread.start() # 开启新线程 if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) window = mywindow() window.show() sys.exit(app.exec_())