pyqtgraph Qt Designer应用,qt应用程序开发

python pyqtgraph+Qt Designer应用

说明

关于pyqtgraph的中文文档大家可以参阅pyqtyraph中文文档
Qt Desigher 的文档参阅QtDesigner

本文只是简单介绍pyqtgraph结合Designer使用的一个用例

介绍
python绘图应用最广的当属matplotlib，matplotlib的界面更加美观使用也更加方便，但是pyqtgraph在数据采集及展示方面比matplotlib更加有优势，与Qt的结合也更加的流程完整。

pyqtgraph中的所有功能其实都相当于Qt中widget的概念，可以通过像其他任何Qt小部件一样嵌入来使用。

代码实例

Qt Designer中创建一个简单的MainWindow，添加一个Vertical layout用于展示pyqtgraph绘图,标签命名graph_layout;
添加一个按键用来控制绘图，标签命名btn；
保存成main_ui.ui文件调用。

用PyUIC将main_ui.ui文件转成main_ui.py文件，懒得的同学也可以直接复制下面代码创建main_ui.py文件，代码如下：

# -*- coding: utf-8 -*-# Form implementation generated from reading ui file 'main_ui.ui'## Created by: PyQt5 UI code generator 5.11.3## WARNING! All changes made in this file will be lost!from PyQt5 import QtCore, QtGui, QtWidgetsclass Ui_MainWindow(object): def setupUi(self, MainWindow): MainWindow.setObjectName("MainWindow") MainWindow.resize(834, 543) self.centralwidget = QtWidgets.QWidget(MainWindow) self.centralwidget.setObjectName("centralwidget") self.verticalLayout = QtWidgets.QVBoxLayout(self.centralwidget) self.verticalLayout.setObjectName("verticalLayout") self.graph_layout = QtWidgets.QVBoxLayout() self.graph_layout.setObjectName("graph_layout") self.verticalLayout.addLayout(self.graph_layout) self.btn = QtWidgets.QPushButton(self.centralwidget) self.btn.setObjectName("btn") self.verticalLayout.addWidget(self.btn) MainWindow.setCentralWidget(self.centralwidget) self.menubar = QtWidgets.QMenuBar(MainWindow) self.menubar.setGeometry(QtCore.QRect(0, 0, 834, 23)) self.menubar.setObjectName("menubar") MainWindow.setMenuBar(self.menubar) 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.translate MainWindow.setWindowTitle(_translate("MainWindow", "MainWindow")) self.btn.setText(_translate("MainWindow", "开始绘图"))

新建main.py文件，实现界面跟逻辑分离：

import sysimport numpy as npfrom PyQt5 import QtWidgetsimport pyqtgraph as pgfrom main_ui import Ui_MainWindowclass MyGraphWindow(QtWidgets.QMainWindow, Ui_MainWindow): def __init__(self): super(MyGraphWindow, self).__init__() self.setupUi(self) # 初始化窗口 self.p1, self.p2 = self.set_graph_ui() # 设置绘图窗口 self.btn.clicked.connect(self.plot_sin_cos) # 点击按键开始绘图

接下来添加pyqtgraph绘图函数：

def set_graph_ui(self): pg.setConfigOptions(antialias=True) # pyqtgraph全局变量设置函数，antialias=True开启曲线抗锯齿 win = pg.GraphicsLayoutWidget() # 创建pg layout，可实现数据界面布局自动管理 # pg绘图窗口可以作为一个widget添加到GUI中的graph_layout，当然也可以添加到Qt其他所有的容器中 self.graph_layout.addWidget(win)

win.addPlot(title=“sin 函数”) 函数可以添加具有坐标轴的2D绘图窗口

p1 = win.addPlot(title="sin 函数") # 添加第一个绘图窗口 p1.setLabel('left', text='meg', color='#ffffff') # y轴设置函数 p1.showGrid(x=True, y=True) # 栅格设置函数 p1.setLogMode(x=False, y=False) # False代表线性坐标轴，True代表对数坐标轴 p1.setLabel('bottom', text='time', units='s') # x轴设置函数 # p1.addLegend() # 可选择是否添加legend win.nextRow() # layout换行，采用垂直排列，不添加此行则默认水平排列 p2 = win.addPlot(title="cos 函数") p2.setLabel('left', text='meg', color='#ffffff') p2.showGrid(x=True, y=True) p2.setLogMode(x=False, y=False) p2.setLabel('bottom', text='time', units='s') # p2.addLegend() return p1, p2

创建绘图函数

def plot_sin_cos(self): t = np.linspace(0, 20, 200) y_sin = np.sin(t) y_cos = np.cos(t) self.p1.plot(t, y_sin, pen='g', name='sin(x)', clear=True) self.p2.plot(t, y_cos, pen='g', name='con(x)', clear=True) # self.p1.legend = None # 重新绘图是清空legend # self.p2.legend = None

完整main.py代码如下：

#!/usr/无私的绿草/env python# -*- coding:utf-8 -*-# author:dellimport sysimport numpy as npfrom PyQt5 import QtWidgetsimport pyqtgraph as pgfrom main_ui import Ui_MainWindowclass MyGraphWindow(QtWidgets.QMainWindow, Ui_MainWindow): def __init__(self): super(MyGraphWindow, self).__init__() self.setupUi(self) # 初始化窗口 self.p1, self.p2 = self.set_graph_ui() # 设置绘图窗口 self.btn.clicked.connect(self.plot_sin_cos) # 点击按键开始绘图 def set_graph_ui(self): pg.setConfigOptions(antialias=True) # pg全局变量设置函数，antialias=True开启曲线抗锯齿 win = pg.GraphicsLayoutWidget() # 创建pg layout，可实现数据界面布局自动管理 # pg绘图窗口可以作为一个widget添加到GUI中的graph_layout，当然也可以添加到Qt其他所有的容器中 self.graph_layout.addWidget(win) p1 = win.addPlot(title="sin 函数") # 添加第一个绘图窗口 p1.setLabel('left', text='meg', color='#ffffff') # y轴设置函数 p1.showGrid(x=True, y=True) # 栅格设置函数 p1.setLogMode(x=False, y=False) # False代表线性坐标轴，True代表对数坐标轴 p1.setLabel('bottom', text='time', units='s') # x轴设置函数 # p1.addLegend() # 可选择是否添加legend win.nextRow() # layout换行，采用垂直排列，不添加此行则默认水平排列 p2 = win.addPlot(title="cos 函数") p2.setLabel('left', text='meg', color='#ffffff') p2.showGrid(x=True, y=True) p2.setLogMode(x=False, y=False) p2.setLabel('bottom', text='time', units='s') # p2.addLegend() return p1, p2 def plot_sin_cos(self): t = np.linspace(0, 20, 200) y_sin = np.sin(t) y_cos = np.cos(t) self.p1.plot(t, y_sin, pen='g', name='sin(x)', clear=True) self.p2.plot(t, y_cos, pen='g', name='con(x)', clear=True)if __name__ == '__main__': app = QtWidgets.QApplication(sys.argv) myWin = MyGraphWindow() myWin.show() sys.exit(app.exec_())

演示效果：