首页 文章

使用Qt Designer表单和PyQt5在QWidget中绘制matplotlib图

提问于
浏览 次
9

我不明白将matplotlib图形链接到从Qt Designer创建的表单的最佳方法 . 我有一个我在QtDesigner中创建的表单，然后通过pyuic5编译为python . 我的主要计划是：

import app_framework as af
import matplotlib
from PyQt5 import QtWidgets
import sys

matplotlib.use('Qt5Agg')

app = QtWidgets.QApplication(sys.argv)
form = af.MyApp()
form.show()
app.exec_()

其中myApp调用从Qt Designer创建的app_framework.py表单，然后由pyuic5（design.py）转换：

from PyQt5.QtWidgets import QApplication, QMainWindow
import design

class MyApp(QMainWindow, design.Ui_mainWindow):
   def __init(self):
       super(self.__class__, self).__init__()
       <button initializations>
       <function definitions for button callbacks>

我很困惑在这个框架中我可以将matplotlib图形链接到QtDesigner中的预制空窗口小部件，或类似的东西，这样我就可以在GUI窗口中绘制新数据（事情发生，按钮按下）等）

我在SO和matplotlib's site找到了一些线程，但我不确定我是否理解在Qt Designer表单中为此窗口小部件创建空间然后链接绘图和/或事后创建窗口小部件的正确过程链接和绘图 .

到目前为止我所做的是在Qt Creator中创建一个空的QWidget，然后在pyuic5编译之后，我改变了design.py文件，如下所示：

from PyQt5 import QtCore, QtGui, QtWidgets

# **** ADDED THIS
from matplotlib.figure import Figure
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as Canvas
# **** 

class Ui_mainWindow(object):
    def setupUi(self, mainWindow):
        <mainWindow setup stuff>
        self.centralwidget = QtWidgets.QWidget(mainWindow)

        # ****ALTERED THIS FROM self.plotWidget = QtWidgets.QWidget(self.centralWidget)
        self.plotWidget = MplWidget(self.centralWidget)
        # ***** 

        self.plotWidget.setGeometry(QtCore.QRect(20, 250, 821, 591))
        self.plotWidget.setObjectName("plotWidget")

  # **** ADDED THIS 
class MplCanvas(Canvas):
    def __init__(self):
        self.fig = Figure()
        self.ax = self.fig.add_subplot(111)
        Canvas.__init__(self, self.fig)
        Canvas.setSizePolicy(self, QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Expanding)
        Canvas.updateGeometry(self)


class MplWidget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent)
        self.canvas = MplCanvas()
 # ***********

然后app_framework.py为：

from PyQt5.QtWidgets import QApplication, QMainWindow
import design

class MyApp(QMainWindow, design.Ui_mainWindow):
   def __init(self):
       super(self.__class__, self).__init__()
       self.setupUi(self)
       self.pushButton_plotData.clicked.connect(self.plot_data)

    def plot_data(self):
        x=range(0, 10)
        y=range(0, 20, 2)
        self.plotWidget.canvas.ax.plot(x, y)
        self.plotWidget.canvas.draw()

我认为这会有效，但当我点击情节按钮时，没有任何反应 . 它没有锁定，它只是没有绘制任何东西 . 我猜我错过了在这个空小部件中绘制matplotlib图形和/或画布的基本内容 .

python matplotlib pyqt5 matplotlib-widget

1 回答

  • 10

    我在SO post的帮助下找到了解决方案，该链接到我可能需要购买的一本书的free sample chapter . 正如在其他一些帖子中提到的那样，需要使用头部mplwidget将空白QtWidget "Promote"发送到MplWidget . 执行此操作，然后运行pyuic5命令后，"from mplwidget import MplWidget"将出现在design.py文件中，该文件可以随时更新，无需担心覆盖 . 然后，使用以下命令创建mplwidget.py文件：

    # Imports
from PyQt5 import QtWidgets
from matplotlib.figure import Figure
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as Canvas
import matplotlib

# Ensure using PyQt5 backend
matplotlib.use('QT5Agg')

# Matplotlib canvas class to create figure
class MplCanvas(Canvas):
    def __init__(self):
        self.fig = Figure()
        self.ax = self.fig.add_subplot(111)
        Canvas.__init__(self, self.fig)
        Canvas.setSizePolicy(self, QtWidgets.QSizePolicy.Expanding, QtWidgets.QSizePolicy.Expanding)
        Canvas.updateGeometry(self)

# Matplotlib widget
class MplWidget(QtWidgets.QWidget):
    def __init__(self, parent=None):
        QtWidgets.QWidget.__init__(self, parent)   # Inherit from QWidget
        self.canvas = MplCanvas()                  # Create canvas object
        self.vbl = QtWidgets.QVBoxLayout()         # Set box for plotting
        self.vbl.addWidget(self.canvas)
        self.setLayout(self.vbl)

    然后，应用程序框架可以像我之前一样 . 运行并按下绘图按钮时，图形将按预期显示 . 我认为我基本上已经做了所有事情来手动“推广”QWidget只是错过了vbl的东西，但是每次编辑Qt Designer表单时都会被覆盖 .

    app_framework.py：

    from PyQt5.QtWidgets import QApplication, QMainWindow
import design

class MyApp(QMainWindow, design.Ui_mainWindow):
   def __init(self):
       super(self.__class__, self).__init__()
       self.setupUi(self)
       self.pushButton_plotData.clicked.connect(self.plot_data)

    def plot_data(self):
        x=range(0, 10)
        y=range(0, 20, 2)
        self.plotWidget.canvas.ax.plot(x, y)
        self.plotWidget.canvas.draw()

    main.py：

    from PyQt5 import QtWidgets
import sys

# Local Module Imports
import app_framework as af

# Create GUI application
app = QtWidgets.QApplication(sys.argv)
form = af.MyApp()
form.show()
app.exec_()
    回复于

相关问题