实现matplotlib图形通过PyQt5+Qt5在GUI中呈现步骤:
第一步,通过matplotlib.backends.backend_qt5agg类来连接PyQt5:
1 import matplotlib 2 matplotlib.use("Qt5Agg") # 声明使用QT5 3 from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas 4 from matplotlib.figure import Figure
第二步,具体图形代码实现部分,例:
1 class Figure_Canvas(FigureCanvas): # 通过继承FigureCanvas类,使得该类既是一个PyQt5的Qwidget,又是一个matplotlib的FigureCanvas,这是连接pyqt5与matplot lib的关键 2 3 def __init__(self, parent=None, width=11, height=5, dpi=100): 4 fig = Figure(figsize=(width, height), dpi=100) # 创建一个Figure,注意:该Figure为matplotlib下的figure,不是matplotlib.pyplot下面的figure 5 6 FigureCanvas.__init__(self, fig) # 初始化父类 7 self.setParent(parent) 8 9 self.axes = fig.add_subplot(111) # 调用figure下面的add_subplot方法,类似于matplotlib.pyplot下面的subplot方法 10 11 def test(self): 12 x = [1,2,3,4,5,6,7,8,9] 13 y = [23,21,32,13,3,132,13,3,1] 14 self.axes.plot(x, y)
第三步,GUI上通过控件呈现matplotlib画出来的图形——通过QtWidgets.QGraphicsView控件来实现:(代码部分仅呈现QtWidgets.QGraphicsView的实现步骤)
1 self.gridLayoutWidget = QtWidgets.QWidget() 2 self.gridLayoutWidget.setGeometry(QtCore.QRect(180, 10, 1100, 500)) # 定义gridLayout控件的大小和位置,4个数字分别为左边坐标,上边坐标,长,宽 3 self.gridLayoutWidget.setObjectName("gridLayoutWidget") 4 self.gridLayout_2 = QtWidgets.QGridLayout(self.gridLayoutWidget) 5 self.gridLayout_2.setContentsMargins(0, 0, 0, 0) # 在gridLayoutWidget 上创建一个网格Layout,注意以gridLayoutWidget为参 6 self.gridLayout_2.setObjectName("gridLayout_2") 7 # ===通过graphicview来显示图形 8 self.graphicview = QtWidgets.QGraphicsView(self.gridLayoutWidget) # 第一步,创建一个QGraphicsView,注意同样以gridLayoutWidget为参 9 self.graphicview.setObjectName("graphicview") 10 self.gridLayout_2.addWidget(self.graphicview, 0, 0) 第二步,将该QGraphicsView放入Layout中 11 12 dr = Figure_Canvas() 实例化一个FigureCanvas 13 dr.test() # 画图 14 graphicscene = QtWidgets.QGraphicsScene() # 第三步,创建一个QGraphicsScene,因为加载的图形(FigureCanvas)不能直接放到graphicview控件中,必须先放到graphicScene,然后再把graphicscene放到graphicview中 15 graphicscene.addWidget(dr) # 第四步,把图形放到QGraphicsScene中,注意:图形是作为一个QWidget放到QGraphicsScene中的 16 self.graphicview.setScene(graphicscene) # 第五步,把QGraphicsScene放入QGraphicsView 17 self.graphicview.show() # 最后,调用show方法呈现图形!Voila!!