如何将NetworkX中的边设为可点击按钮？实现点击边弹出信息窗口

完全可行，通过Matplotlib的事件交互机制就能实现。以下是具体实现方案：

核心思路 #

• 先获取图的节点布局，分开绘制节点、标签和边，保存每条边对应的绘制对象
• 绑定鼠标点击事件，在回调中检测点击位置是否命中某条边
• 命中后弹出包含边信息的窗口（用tkinter弹窗，适配Matplotlib默认交互后端）

完整代码示例 #

import networkx as nx
import matplotlib.pyplot as plt
from matplotlib.backend_bases import MouseEvent
import tkinter as tk
from tkinter import messagebox

# 构建你的图（保留原有逻辑）
my_graph = nx.Graph()
to_print = set()

for network_profile in network_profiles:
    for connected_profile in network_profile.profile_connections:
        to_print.add((network_profile.ip_address, connected_profile.ip_address))

my_graph.add_edges_from(list(to_print))

# 获取节点布局位置
pos = nx.spring_layout(my_graph)

# 分别绘制节点、标签和边，保存边的绘制对象
nx.draw_networkx_nodes(my_graph, pos, node_size=700)
nx.draw_networkx_labels(my_graph, pos, font_weight='bold')
edge_artists = nx.draw_networkx_edges(my_graph, pos)

# 建立边对象与边信息的映射（可自定义信息内容）
edge_info = {}
for edge, artist in zip(my_graph.edges(), edge_artists):
    # 这里可以添加更多自定义信息，比如连接类型、带宽等
    edge_info[artist] = f"连接IP:\n{edge[0]}\n↔\n{edge[1]}"

# 初始化tkinter根窗口（隐藏，仅用于弹窗）
root = tk.Tk()
root.withdraw()

# 定义点击事件处理函数
def on_edge_click(event: MouseEvent):
    if not event.inaxes:
        return
    # 遍历所有边，检测是否被点击
    for artist, info in edge_info.items():
        if artist.contains(event)[0]:
            messagebox.showinfo("边详情", info)
            break

# 绑定鼠标点击事件到画布
plt.gcf().canvas.mpl_connect('button_press_event', on_edge_click)

plt.show()

关键说明 #

• 必须分开绘制边（用draw_networkx_edges）才能获取每条边的交互对象，不能直接用nx.draw()一次性绘制
• artist.contains(event)用于判断鼠标点击位置是否落在边的绘制范围内
• 弹窗内容可根据需求修改，比如如果你的边有额外属性（如my_graph.edges[edge]['bandwidth']），可以直接加入edge_info
• 如果使用Matplotlib的其他交互后端（如Qt），只需替换弹窗方式为对应框架的组件即可

内容的提问来源于stack exchange，提问作者Daniel Vazana