目錄

一、導入模塊

二、創建matplotlib窗口類

三、qt_designer設計窗口

四、邏輯代碼

五、結果展示

---

一、導入模塊

import matplotlibmatplotlib.use("Qt5Agg")
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg
from matplotlib.figure import Figure
from matplotlib import pyplotpyplot.rcParams['font.sans-serif'] = ['SimHei']
pyplot.rcParams['axes.unicode_minus'] = False

二、創建matplotlib窗口類

# 重寫一個matplotlib圖像繪制類
class MyFigure(FigureCanvasQTAgg):def __init__(self,width=5,height=4,dpi = 100):# 1、創建一個繪制窗口Figure對象self.fig = Figure(figsize=(width,height),dpi=dpi)# 2、在父類中激活Figure窗口,同時繼承父類屬性super(MyFigure, self).__init__(self.fig)

三、qt_designer設計窗口

轉換為py文件

# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'TDA_ShiftFlip.ui'
#
# Created by: PyQt5 UI code generator 5.15.4
#
# WARNING: Any manual changes made to this file will be lost when pyuic5 is
# run again.  Do not edit this file unless you know what you are doing.from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_MainWindow(object):def setupUi(self, MainWindow):MainWindow.setObjectName("MainWindow")MainWindow.resize(520, 320)self.centralwidget = QtWidgets.QWidget(MainWindow)self.centralwidget.setObjectName("centralwidget")self.groupBox = QtWidgets.QGroupBox(self.centralwidget)self.groupBox.setGeometry(QtCore.QRect(30, 10, 431, 251))self.groupBox.setObjectName("groupBox")MainWindow.setCentralWidget(self.centralwidget)self.statusbar = QtWidgets.QStatusBar(MainWindow)self.statusbar.setObjectName("statusbar")MainWindow.setStatusBar(self.statusbar)self.retranslateUi(MainWindow)QtCore.QMetaObject.connectSlotsByName(MainWindow)def retranslateUi(self, MainWindow):_translate = QtCore.QCoreApplication.translateMainWindow.setWindowTitle(_translate("MainWindow", "TDA_ShiftFlip"))self.groupBox.setTitle(_translate("MainWindow", "GroupBox"))if __name__ == "__main__":import sysapp = QtWidgets.QApplication(sys.argv)MainWindow = QtWidgets.QMainWindow()ui = Ui_MainWindow()ui.setupUi(MainWindow)MainWindow.show()sys.exit(app.exec_())

四、邏輯代碼

1、在groupbox控件中設置一個網格布局gridlayout

self.gridlayout = QGridLayout(self.groupBox)  # 繼承容器groupBox

2、實例化matplotlib類

self.F = MyFigure(width=3, height=2, dpi=100)

3、繪制圖像

		t = np.arange(0.0, 5.0, 0.01)s = np.cos(2 * np.pi * t)self.F.axes.plot(t, s)self.F.fig.suptitle("cos")

4、將繪制的圖像添加在gridlayout中

self.gridlayout.addWidget(self.F, 0, 0)

from TimeDomainAnalysis.TDA_ShiftFlip import Ui_MainWindow as TDASUI
from matplotlibFigure import MyFigurefrom PyQt5 import QtCore, QtWidgets
from PyQt5.Qt import QThread, pyqtSignal, QIcon
from PyQt5.QtWidgets import QMessageBox, QGraphicsScene, QGraphicsPixmapItem, QGridLayout
from PyQt5.QtWidgets import QFileDialog
from PyQt5.QtGui import QIcon, QImage, QPixmap
from PyQt5.QtCore import Qtimport sys
import cv2
import numpy as np
from matplotlib import pyplot as pltclass TDASUILogic(QtWidgets.QMainWindow, TDASUI):def __init__(self):super(TDASUILogic, self).__init__()self.setupUi(self)self.setWindowIcon(QIcon("resource/ljl.ico"))self.setWindowTitle("序列基本運算——移位")# 第六步：在GUI的groupBox中創建一個布局，用于添加MyFigure類的實例（即圖形）后其他部件。self.gridlayout = QGridLayout(self.groupBox)  # 繼承容器groupBoxself.plotcos()def plotcos(self):self.F = MyFigure(width=3, height=2, dpi=100)t = np.arange(0.0, 5.0, 0.01)s = np.cos(2 * np.pi * t)self.F.axes.plot(t, s)self.F.fig.suptitle("cos")self.gridlayout.addWidget(self.F, 0, 0)

五、結果展示

?