Python-Matplotlib可视化（番外篇）——Matplotlib中的事件处理详解与实战

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7

深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年最新Python全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵盖了95%以上Python知识点，真正体系化！

由于文件比较多，这里只是将部分目录截图出来，全套包含大厂面经、学习笔记、源码讲义、实战项目、大纲路线、讲解视频，并且后续会持续更新

如果你需要这些资料，可以添加V获取：vip1024c （备注Python）

正文

编写回调函数

def onclick(event):

print(‘%s click: button=%d, x=%d, y=%d, xdata=%f, ydata=%f’ %

(‘double’ if event.dblclick else ‘single’, event.button,

event.x, event.y, event.xdata, event.ydata))

将回调函数连接到事件管理器上

cid = fig.canvas.mpl_connect(‘button_press_event’, onclick)

plt.show()

FigureCanvasBase.mpl_connect 方法返回该事件的连接 id，此 id 可用于断开回调：

fig.canvas.mpl_disconnect(cid)

可以使用 Matplotlib 连接更多事件，具体参见官方文档，在此不在一一列举。需要注意的是，连接到“key_press_event”和“key_release_event”事件时，Matplotlib 使用不同用户界面工具包之间可能会出现不一致。可以通过查看键盘快捷键，可以看到 Matplotlib 默认附加了一些按键回调。

事件属性

---

所有 Matplotlib 事件都继承自基类 matplotlib.backend_bases.Event，它包含以下属性：

| 属性名 | 含义 |

| — | — |

| name | 事件名 |

| canvas | FigureCanvas 实例生成事件 |

| guiEvent | 触发 Matplotlib 事件的GUI事件 |

我们以事件处理中最常见的事件 按键按下/释放事件 和 鼠标按下/释放/移动事件 为例，利用事件属性。 处理这些事件的 KeyEvent 和 MouseEvent 类都是从 LocationEvent 派生的，它具有以下属性：

| 属性名 | 含义 |

| — | — |

| x,y | 鼠标距画布左下角的距离(以像素为单位) |

| inaxes | 鼠标所在的 Axes 实例(如果有) |

| xdata, ydata | 鼠标在数据坐标中的位置 |

为了对比属性 x、y 和 xdata、ydata 的区别，使用以下程序进行说明，此程序会在鼠标单击时，在画布上显示鼠标事件的 x、y、xdata、和 ydata 属性：

from matplotlib import pyplot as plt

class TextBuilder:

def init(self, line):

self.text = text

self.content = self.text.get_text()

self.cid = text.figure.canvas.mpl_connect(‘button_press_event’, self)

def call(self, event):

print(‘click’, event)

if event.inaxes!=self.text.axes: return

self.text.set_x(event.xdata)

self.text.set_y(event.ydata)

self.text.set_text(‘x:{},y:{},xdata:{:.2f},ydata:{:.2f}’.format(event.x,event.y,event.xdata,event.ydata))

self.text.figure.canvas.draw()

fig, ax = plt.subplots()

ax.set_title(‘click to show event attribute’)

text = plt.text([0], [0], ‘’)

textbuilder = TextBuilder(text)

plt.show()

运行程序后，当在画布上单击时，会在鼠标点击处，绘制出事件的 x、y、xdata、和 ydata 属性值：

接下来，我们编写另一个示例程序，此程序会在每次按下鼠标时绘制一条线段：

from matplotlib import pyplot as plt

class LineBuilder:

def init(self, line):

self.line = line

self.xs = list(line.get_xdata())

self.ys = list(line.get_ydata())

self.cid = line.figure.canvas.mpl_connect(‘button_press_event’, self)

def call(self, event):

print(‘click’, event)

if event.inaxes!=self.line.axes: return

self.xs.append(event.xdata)

self.ys.append(event.ydata)

self.line.set_data(self.xs, self.ys)

self.line.figure.canvas.draw()

fig, ax = plt.subplots()

ax.set_title(‘click to build line segments’)

line, = ax.plot([0], [0]) # empty line

linebuilder = LineBuilder(line)

plt.show()

运行程序后，当在画布上单击时，会在每次按下鼠标时绘制一条线段：

实战1：直方图中矩形的拖拽

---

接下来，为了更好的理解 Matplotlib 中的事件，编写使用 Rectangle 实例初始化的可拖动矩形类，在拖动时同时移动矩形位置。

在拖拽前，需要存储矩形的原始位置，该位置存储可以使用 rect.xy 获得，然后需要连接按下(press)、运动(motion)和释放(release)鼠标事件。 当按下鼠标时，检查单击是否发生在矩形上，如果是，则将矩形位置和鼠标单击的位置存储在数据坐标中。 在运动事件回调中，计算鼠标移动的距离 deltax 和 deltay，并利用这些值计算矩形新的位置，设置矩形透明度，最后重绘图。在鼠标释放事件中，需要将存储的数据重置为 None，并恢复矩形透明度：

import numpy as np

import matplotlib.pyplot as plt

class DraggableRectangle:

def init(self, rect):

self.rect = rect

self.press = None

def connect(self):

“”“Connect to all the events we need.”“”

self.cidpress = self.rect.figure.canvas.mpl_connect(

‘button_press_event’, self.on_press)

self.cidrelease = self.rect.figure.canvas.mpl_connect(

‘button_release_event’, self.on_release)

self.cidmotion = self.rect.figure.canvas.mpl_connect(

‘motion_notify_event’, self.on_motion)

def on_press(self, event):

“”“Check whether mouse is over us; if so, store some data.”“”

if event.inaxes != self.rect.axes:

return

contains, attrd = self.rect.contains(event)

if not contains:

return

print(‘event contains’, self.rect.xy)

self.press = self.rect.xy, (event.xdata, event.ydata)

def on_motion(self, event):

“”“Move the rectangle if the mouse is over us.”“”

if self.press is None or event.inaxes != self.rect.axes:

return

(x0, y0), (xpress, ypress) = self.press

dx = event.xdata - xpress

dy = event.ydata - ypress

self.rect.set_x(x0+dx)

self.rect.set_y(y0+dy)

self.rect.set_alpha(0.5)

self.rect.figure.canvas.draw()

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注python）

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
self.rect.set_alpha(0.5)

self.rect.figure.canvas.draw()

网上学习资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。

需要这份系统化的资料的朋友，可以添加V获取：vip1024c （备注python）
[外链图片转存中…(img-jBptgHJb-1713161615598)]

一个人可以走的很快，但一群人才能走的更远！不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！