将pyqtgraph图嵌入QT .ui?

时间:2017-08-24 23:17:40

标签: python python-3.x pyqt qt-designer pyqtgraph

首先,我希望你有一些耐心,因为我是这类项目的新手,我也希望不要问愚蠢的问题。话虽这么说,我的主要目标是创建一个覆盆子pi 3的UI,它将从电池和太阳能电池板感应电压,电流等。

由于我正在使用树莓并且对Python3有一些了解,所以我决定使用QTCreator,据我所知,可以通过pyqt(https://nikolak.com/pyqt-qt-designer-getting-started/)将其翻译成python3。我将它安装在我的树莓派上,并制作了以下用户界面:

拥有基本用户界面后,我使用pyuic5命令将.ui文件转换为.py,并且我可以使用" python3 main.py"打开用户界面。一切似乎都是正确的:

打开main.py文件后UI的外观如何

现在,我希望在UI上有几个图(如电压与时间等)。我使用以下内容进行测试:

import sys
import pyqtgraph as pg
from pyqtgraph.Qt import QtCore, QtGui
import numpy as np

pg.setConfigOption('background', 'w')
pg.setConfigOption('foreground', 'k')
win = pg.GraphicsWindow()
win.setWindowTitle('pyqtgraph example: Scrolling Plots')


p1 = win.addPlot(labels =  {'left':'Voltage', 'bottom':'Time'})
data1 = np.random.normal(size=10)
data2 = np.random.normal(size=10)
curve1 = p1.plot(data1, pen=(3,3))
curve2 = p1.plot(data2, pen=(2,3))
ptr1 = 0

def update1():
    global data1, curve1, data2, ptr1

    data1[:-1] = data1[1:]  # shift data in the array one sample left
                            # (see also: np.roll)
    data1[-1] = np.random.normal()
    ptr1 += 1

    curve1.setData(data1)
    curve1.setPos(ptr1,0)



    data2[:-1] = data2[1:]  # shift data in the array one sample left
                            # (see also: np.roll)
    data2[-1] = np.random.normal()
    curve2.setData(data2)
    curve2.setPos(ptr1,0)


def update():
    update1()

timer = pg.QtCore.QTimer()
timer.timeout.connect(update)
timer.start(2000) # number of seconds (every 1000) for next update



if __name__ == '__main__':
    QtGui.QApplication.instance().exec_()

是否可以将该图表嵌入到我的main.py文件中?如果我理解正确,我应该在QTCreator上使用推广小部件功能。先谢谢你们!

1 个答案:

答案 0 :(得分:5)

通过Qt Designer推广的是Widget,即一个类,因此无法直接升级,我们必须做的是将它放在一个类中,如下所示:

<强> Plotter.py

class  CustomWidget(pg.GraphicsWindow):
    pg.setConfigOption('background', 'w')
    pg.setConfigOption('foreground', 'k')
    ptr1 = 0
    def __init__(self, parent=None, **kargs):
        pg.GraphicsWindow.__init__(self, **kargs)
        self.setParent(parent)
        self.setWindowTitle('pyqtgraph example: Scrolling Plots')
        p1 = self.addPlot(labels =  {'left':'Voltage', 'bottom':'Time'})
        self.data1 = np.random.normal(size=10)
        self.data2 = np.random.normal(size=10)
        self.curve1 = p1.plot(self.data1, pen=(3,3))
        self.curve2 = p1.plot(self.data2, pen=(2,3))

        timer = pg.QtCore.QTimer(self)
        timer.timeout.connect(self.update)
        timer.start(2000) # number of seconds (every 1000) for next update

    def update(self):
        self.data1[:-1] = self.data1[1:]  # shift data in the array one sample left
                            # (see also: np.roll)
        self.data1[-1] = np.random.normal()
        self.ptr1 += 1
        self.curve1.setData(self.data1)
        self.curve1.setPos(self.ptr1, 0)
        self.data2[:-1] = self.data2[1:]  # shift data in the array one sample left
                            # (see also: np.roll)
        self.data2[-1] = np.random.normal()
        self.curve2.setData(self.data2)
        self.curve2.setPos(self.ptr1,0)

if __name__ == '__main__':
    w = CustomWidget()
    w.show()
    QtGui.QApplication.instance().exec_()

在继续之前,我将假设文件具有以下结构:

.
├── main.py
└── Plotter.py
  1. 首先要做的是选择小部件:
  2. enter image description here

    1. 然后我们右键单击此选项并选择提升为..
    2. 选项

      enter image description here

      1. 在对话框中,我们将 CustomWidget 放在标题文件提升的类名 Plotter.h 中,然后按添加推广按钮。
      2. enter image description here

        1. 然后我们将.ui文件转换为.py
        2. enter image description here