Pyside的Matplotlib与Qt设计师(PySide)

Question

我一直在寻找一个工作示例,如何在pyside中嵌入matplotlib图,该图是使用QT设计器创建的,同时将逻辑保存在单独的文件中.我知道网上有很多例子,但它们都没有实际使用QT设计器,然后创建一个单独的文件来添加matplitlib图添加到窗口小部件的逻辑.我找到了一个'几乎'的例子http://blog.rcnelson.com/building-a-matplotlib-gui-with-qt-designer-part-1/,但是在我的版本中,"改变layoutName"是不可能的.属性从"verticalLayout"到"mplvl"".

所以我有以下具体问题:我不清楚Pyside Qt设计师可以嵌入哪个项目.它是一个简单的"小部件"(因为pyside中没有matplotlib小部件可用).如果是这样,我怎么才能将情节添加到该小部件？或者我是否必须使用Qt Designer创建"FigureCanvas"？这有可能吗？如果是这样,怎么样？

这是Pyside Qt设计师在嵌入小部件时可以做的最简单的设计(这是正确的吗？).我现在如何在它上面添加一个matplotlib图？

正如我在其中一个答案中所建议的,我现在将Qwidget提升为MyStaticMplCanvas,并将Qwidget的名称编辑为mplvl.

使用Pyside Qt设计器自动生成的文件,并使用pyside-uic ui.ui -o ui.py -x编译

ui.py看起来像这样:

# -*- coding: utf-8 -*-

# Form implementation generated from reading ui file 'gui.ui'
#
# Created: Wed Apr 20 14:00:02 2016
#      by: pyside-uic 0.2.15 running on PySide 1.2.2
#
# WARNING! All changes made in this file will be lost!

from PySide import QtCore, QtGui

class Ui_MainWindow(object):
    def setupUi(self, MainWindow):
        MainWindow.setObjectName("MainWindow")
        MainWindow.resize(444, 530)
        self.centralwidget = QtGui.QWidget(MainWindow)
        self.centralwidget.setObjectName("centralwidget")
        self.mplvl = MyStaticMplCanvas(self.centralwidget)
        self.mplvl.setGeometry(QtCore.QRect(120, 190, 221, 161))
        self.mplvl.setObjectName("mplvl")
        MainWindow.setCentralWidget(self.centralwidget)
        self.menubar = QtGui.QMenuBar(MainWindow)
        self.menubar.setGeometry(QtCore.QRect(0, 0, 444, 21))
        self.menubar.setObjectName("menubar")
        MainWindow.setMenuBar(self.menubar)
        self.statusbar = QtGui.QStatusBar(MainWindow)
        self.statusbar.setObjectName("statusbar")
        MainWindow.setStatusBar(self.statusbar)

        self.retranslateUi(MainWindow)
        QtCore.QMetaObject.connectSlotsByName(MainWindow)

    def retranslateUi(self, MainWindow):
        MainWindow.setWindowTitle(QtGui.QApplication.translate("MainWindow", "MainWindow", None, QtGui.QApplication.UnicodeUTF8))

from mystaticmplcanvas import MyStaticMplCanvas

if __name__ == "__main__":
    import sys
    app = QtGui.QApplication(sys.argv)
    MainWindow = QtGui.QMainWindow()
    ui = Ui_MainWindow()
    ui.setupUi(MainWindow)
    MainWindow.show()
    sys.exit(app.exec_())

我现在如何从单独的.py文件中将一个图添加到mplvl对象中？

Answer 1

我不是这方面的专家,所以它可能不是最干净的方法,但是这里有一些工作代码可以让你开始:

• 我认为添加小部件最简单的方法是通过 QxxxxLayout
• 然后我就让你Plotter继承了FigureCanvas
• 并被告知matplotlib要与之合作PySide

ui.py:

from PySide import QtCore, QtGui

class Ui_Form(object):
    def setupUi(self, Form):
        Form.setObjectName("Form")
        Form.resize(533, 497)
        self.mplvl = QtGui.QWidget(Form)
        self.mplvl.setGeometry(QtCore.QRect(150, 150, 251, 231))
        self.mplvl.setObjectName("mplvl")
        self.vLayout = QtGui.QVBoxLayout()
        self.mplvl.setLayout(self.vLayout)
        self.retranslateUi(Form)
        QtCore.QMetaObject.connectSlotsByName(Form)

    def retranslateUi(self, Form):
        Form.setWindowTitle(QtGui.QApplication.translate("Form", "Form", None, QtGui.QApplication.UnicodeUTF8))

对于这一点,你只需要在画布添加到mplvl在QtDesigner

main.py:

import matplotlib
matplotlib.use('Qt4Agg')
matplotlib.rcParams['backend.qt4'] = 'PySide'
from matplotlib.backends.backend_qt4agg import (
    FigureCanvasQTAgg as FigureCanvas,
    NavigationToolbar2QT as NavigationToolbar)
from matplotlib.figure import Figure
from PySide import QtGui, QtCore
import random

from weakref import proxy
from ui import Ui_Form


class Plotter(FigureCanvas):
    def __init__(self, parent):
        ''' plot some random stuff '''
        self.parent = proxy(parent)
        # random data
        data = [random.random() for i in range(10)]
        fig = Figure()
        super(Plotter,self).__init__(fig)
        # create an axis
        self.axes = fig.add_subplot(111)
        # discards the old graph
        self.axes.hold(False)
        # plot data
        self.axes.plot(data, '*-')

    def binding_plotter_with_ui(self):
        self.parent.vLayout.insertWidget(1, self)

if __name__ == "__main__":
    import sys
    app = QtGui.QApplication(sys.argv)
    Form = QtGui.QWidget()
    ui = Ui_Form()
    ui.setupUi(Form)
    # plotter logic and binding needs to be added here
    plotter = Plotter(ui)
    plotter.binding_plotter_with_ui()
    plotter2 = Plotter(ui)
    plotter2.binding_plotter_with_ui()
    Form.show()
    sys.exit(app.exec_())

现在剩下的就是调整它FigureCanvas以使其尺寸和比例合适,所以你应该能够得到你想看的这个例子或者其他的东西.

祝好运!