Pyside2中嵌入Matplotlib的绘图的实现
作者:华 少 时间:2021-09-15 22:34:03
近期遇到一个需求,就是用PySide2做出一个GUI,并且要将后台使用Matplotlib绘制的图显示在界面上。自己琢磨了蛮久,网上也搜了不少资料,但都感觉参差不齐,所以就自己总结一下。
我们使用QGraphicsView插件来显示Matplotlib里绘制的图片。这里演示的功能为:打开时界面默认绘制 cos函数的图像,点击按钮后,绘制sin函数的图像。
1. 界面设计
简单创建一个界面:一个 GraphicsView 和 一个 PushButton
2. 定义一个类,继承FigureCanvas
import matplotlib
from matplotlib.backends.backend_qt5agg import FigureCanvasQTAgg as FigureCanvas
# from matplotlib.figure import Figure
import matplotlib.pyplot as plt
matplotlib.use("Qt5Agg") # 声明使用QT5
class MyFigureCanvas(FigureCanvas):
'''
通过继承FigureCanvas类,使得该类既是一个PyQt5的Qwidget,又是一个matplotlib的FigureCanvas,这是连接pyqt5与matplotlib的关键
'''
def __init__(self, parent=None, width=10, height=5, xlim=(0, 2500), ylim=(-2, 2), dpi=100):
# 创建一个Figure
fig = plt.Figure(figsize=(width, height), dpi=dpi, tight_layout=True) # tight_layout: 用于去除画图时两边的空白
FigureCanvas.__init__(self, fig) # 初始化父类
self.setParent(parent)
self.axes = fig.add_subplot(111) # 添加子图
self.axes.spines['top'].set_visible(False) # 去掉绘图时上面的横线
self.axes.spines['right'].set_visible(False) # 去掉绘图时右面的横线
self.axes.set_xlim(xlim)
self.axes.set_ylim(ylim)
然后就可以开始绘图了。
3. 绘图并显示
3.1 先初始化一下我们定义的类
这里 self.ui.graphicsView.width() / 101 的作用:
因为直接使用默认绘制出来的图的大小,一般都会与我们窗口里 GraphicsView 的大小不一致,会造成图像显示不完全,需要拖动滚动条看图像。这里我们将绘图的大小设置为与GraphicsView相匹配的大小,就可以显示出全部图像。之所以 "/101",我感觉可能是 graphicsView.width() 得到的结果 和 plt的figsize里设置图大小的参数 的单位是不一样的,所以要除以一个数,让图像能刚好全部显示在GraphicsView里
# 初始化 gv_visual_data 的显示
self.gv_visual_data_content = MyFigureCanvas(width=self.ui.graphicsView.width() / 101,
height=self.ui.graphicsView.height() / 101,
xlim=(0, 2*np.pi),
ylim=(-1, 1)) # 实例化一个FigureCanvas
3.2 接着就开始用Matplotlib绘制cos函数的图像并显示在GraphicsView里
x = np.arange(0, 2 * np.pi, np.pi / 100)
y = np.cos(x)
self.gv_visual_data_content.axes.plot(x, y)
self.gv_visual_data_content.axes.set_title('cos()')
# 加载的图形(FigureCanvas)不能直接放到graphicview控件中,必须先放到graphicScene,然后再把graphicscene放到graphicview中
self.graphic_scene = QGraphicsScene() # 创建一个QGraphicsScene
self.graphic_scene.addWidget(self.gv_visual_data_content) # 把图形放到QGraphicsScene中,注意:图形是作为一个QWidget放到放到QGraphicsScene中的
self.ui.graphicsView.setScene(self.graphic_scene) # 把QGraphicsScene放入QGraphicsView
self.ui.graphicsView.show() # 调用show方法呈现图形
到这里,已经可以运行看到初步效果了
3.3 接下来实现点击按钮,切换为sin函数图像的功能
先将信号与槽连接好
self.ui.btn_sin.clicked.connect(self.plot_sin)
编写槽函数
def plot_sin(self):
x = np.arange(0, 2 * np.pi, np.pi / 100)
y = np.sin(x)
self.gv_visual_data_content.axes.clear() # 由于图片需要反复绘制,所以每次绘制前清空,然后绘图
self.gv_visual_data_content.axes.plot(x, y)
self.gv_visual_data_content.axes.set_title('sin()')
self.gv_visual_data_content.draw() # 刷新画布显示图片,否则不刷新显示
来源:https://blog.csdn.net/qq_28053421/article/details/113828372
标签:Pyside2,嵌入,Matplotlib
![](/images/zang.png)
![](/images/jiucuo.png)
猜你喜欢
Python使用pyautocad+openpyxl处理cad文件示例
2022-05-24 11:44:18
python读取hdfs上的parquet文件方式
2021-04-07 11:54:31
python自动化操作之动态验证码、滑动验证码的降噪和识别
2023-03-26 02:48:28
![](https://img.aspxhome.com/file/2023/2/84922_0s.png)
ASP--IP字段截取
2009-05-26 15:47:00
Python可视化神器pyecharts绘制折线图详情
2023-01-09 13:57:07
![](https://img.aspxhome.com/file/2023/8/105018_0s.png)
macOS Sierra安装Apache2.4+PHP7.0+MySQL5.7.16
2023-11-15 13:05:39
![](https://img.aspxhome.com/file/2023/5/78105_0s.jpg)
python实现图片中文字分割效果
2023-03-11 16:39:42
![](https://img.aspxhome.com/file/2023/4/103464_0s.png)
开展全面的网站评估
2007-09-27 19:21:00
php连接不上mysql但mysql命令行操作正常的解决方法
2023-11-18 20:02:43
django中静态文件配置static的方法
2022-07-29 08:52:51
IE8新特性及IE8安装使用 目录
2008-04-01 09:50:00
批处理与python代码混合编程的方法
2023-08-26 10:45:32
怎么写好一份图形界面设计师简历
2009-04-16 13:10:00
闲谈CSS3动画
2010-05-07 12:34:00
![](https://img.aspxhome.com/file/UploadPic/20105/7/t1ztvzxxhdxxxxxxxx-226-58-35s.png)
Python通过Pygame绘制移动的矩形实例代码
2023-09-05 13:28:31
![](https://img.aspxhome.com/file/2023/7/105627_0s.gif)
caffe binaryproto 与 npy相互转换的实例讲解
2021-10-22 15:38:48
asp中Access与Sql Server数据库区别总结
2007-11-18 15:08:00
Python 生成多行重复数据的方法实现
2022-07-26 18:56:07
python中os操作文件及文件路径实例汇总
2023-03-20 23:54:09
pyinstaller使用大全
2022-12-17 21:37:28