现在假设已经用qtdesigner绘制了 .ui 文件,ui文件中有提升为pyqtgraph 类型的widget。同时已经拿到了 .ui 文件 转化成的 .py文件,并且已经可以用 main 调用并显示界面。
如果不知道怎么达到这个状态的话,可以参考我的前一篇文章。
pyqtgraph项目实战(一):使用qtdesignert 提升组件
编写作图方法
可以直接对 GraphicsLayoutWidget 用addPlot 来作图
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from window import Ui_MainWindow
import numpy as np
class MainWidow(QMainWindow, Ui_MainWindow):
def __init__(self):
super(MainWidow, self).__init__()
self.setupUi(self)
self.widget.addPlot(title="Basic array plotting",
y=np.random.normal(size=100))
if __name__ == "__main__":
app = QApplication(sys.argv)
window = MainWidow()
# form.showFullScreen()
window.show()
sys.exit(app.exec_())
效果如下:
相对复杂一点的可以
import sys
from PyQt5.QtCore import *
from PyQt5.QtGui import *
from PyQt5.QtWidgets import *
from window import Ui_MainWindow
import numpy as np
class MainWidow(QMainWindow, Ui_MainWindow):
def __init__(self):
super(MainWidow, self).__init__()
self.setupUi(self)
p = self.widget.addPlot(title="Basic array plotting")
p.plot(np.random.normal(size=100), pen=(255, 0, 0), name="Red curve")
p.plot(np.random.normal(size=110) + 5,
pen=(0, 255, 0),
name="Green curve")
p.plot(np.random.normal(size=120) + 10,
pen=(0, 0, 255),
name="Blue curve")
if __name__ == "__main__":
app = QApplication(sys.argv)
window = MainWidow()
# form.showFullScreen()
window.show()
sys.exit(app.exec_())
这里给刚接触PyQt的同学提一下,p = self.widget.addPlot(title="Basic array plotting")
语句中,self.widget 是在ui中创建的名为widiget的模块,也就是最中央的这块画布。可以在qtdesigner文件中清楚地找到。p.plot(np.random.normal(size=100), pen=(255, 0, 0), name="Red curve")
中,第一项是数据,pen就是画笔的颜色,rgb(255,0,0) 对应的就是红色。
更多的作图方法和技巧都可以在 excemple 中找到。之后我也会介绍一些我自己在项目中用到的方法。
源码文件
https://gitee.com/xixo549845545/pyqtgraph_my_cookbook
本节内容在ch2中。