python3+pyqt5+opencv3简单使用(慢慢更新中)

关于python3下搭建pyqt5(pycharm)参考这条链接

对于pyqt的使用个人比较建议ui设计逻辑功能分开开发。

下面介绍下简单的使用(通过左侧的目录可直接跳转到相应模块):

ui界面的建立

 

 

通过pycharm的Tools->External Tools->QtDesigner打开界面设计窗口(本文以创建一个Main Window为例)。

 

 

通过拖拽可以简单的设计界面,设计好后保存UI文件(本文创建的文件名为GUI),对UI文件点击鼠标反键选择External Tools->PyUIC,会生成一个对应UI界面的GUI.py文件。

 

 

接下来为了让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开发中常用到的功能:

 

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 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)  # 背景透明

 

Pyqt中的常用小控件

QPushbutton的简单使用

 

首先打开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与opencv读取并显示图片

 

首先添加一个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的读取与写入

QLineEdit控件常用的就是读取与写入两个功能:

 

self.my_lineEdit.text()  # 读取QLineEdit中的内容
self.my_lineEdit.setText('show some text')  # 将字符串写入QLineEdit中
self.my_lineEdit.clear()  # 清除QLineEdit中的信息

 

QCheckBox的使用

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 为勾选状态

 

QCombo box的使用

首先通过QtDesigner将Comb box控件托至界面中,双击Combo box控件在弹出的界面中点击左下角的加号添加选项:

获取Combo box选择信息的常用方法主要有两种,一种是获取选项的index一种是直接获取选项的文本。

self.image_type_comboBox.currentIndex()   # 获取当前选项的Index(int)
self.image_type_comboBox.currentText()    # 获取当前选项的文本(Qstring)

 

 

QMovie的使用

QMovie可将gif动态图在label中进行显示。用起来也非常简单。

Movie = QMovie('time.gif')  # 载入Gif图,注意QMovie在PyQt5.QtCore内
self.movie_label.setMovie(Movie)  # 将gif显示在gif中
Movie.start()  # 启动gif
Movie.stop()   # 停止gif

pyqt界面的布局与资源文件的载入

在界面开发过程中若不对界面进行布局则导致界面缩放过程中各控件不会跟着调整使得界面非常的难看,该部分由于图片较多,故单独写在一个博文里,详情见链接。 

 

pyqt中的常用小功能

通过QFileDialog选择文件或者文件夹

 

directory = QFileDialog.getExistingDirectory(self,  
                                    "选取文件夹",  
                                    "D:/")   # 打开路径为D盘,若不指定路径,默认打开当前py文件所在文件夹
fileName, filetype = QFileDialog.getOpenFileName(self,  
                                    "选取文件",  
                                    "C:/",  
                                    "Image Files (*.jpg);;Text Files (*.txt)")   # 设置文件扩展名过滤,
                                                                                 # 注意用双分号间隔

 

QMessageBox简单用法

 

information框:

QMessageBox.information(self, 'Information', '提示消息')

question框:

reply = QMessageBox.question(self,                          
                                "question",  
                                "选择是或否",  
                                QMessageBox.Yes | QMessageBox.No)

 

DateTime获取当前时间命名文件

通常保存图片或者文件时,会经常纠结如何命名文件,别想了直接用时间命名吧!

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)

 

PyQt菜单栏的创建

首先打开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)

 

PyQt底部状态栏

状态栏的使用主要是显示一些信息,便于使用。主要使用两个函数:

self.statusBar().showMessage()  # 显示字符串
self.statusBar().clearMessage()  # 清除字符串

 

 

PyQt创建子界面

首先新建一个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信号并进行连接

在主逻辑文件中创建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控件中

 

pyqt鼠标事件

 

使用鼠标事件首先要开启鼠标跟踪,接着重写鼠标事件

 

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多线程的简单使用

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_())

 

已标记关键词 清除标记
相关推荐
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页