如何为Tkinter中重叠Frame内的Canvas设置独立鼠标滚动？

问题1：切换Frame后bind_all仅滚动初始Canvas #

原因 #

bind_all会将鼠标滚轮事件全局绑定到初始显示的Canvas处理逻辑，切换Frame后，全局事件的回调仍指向旧Canvas，导致新Frame内的Canvas无法响应滚动。

解决方案 #

切换Frame时，更新全局滚轮事件绑定的目标Canvas，确保回调始终指向当前显示的Canvas：

def switch_frame(self, target_frame):
    # 隐藏所有Frame
    self._30kV_frame.pack_forget()
    self._6kV_frame.pack_forget()
    # 显示目标Frame
    target_frame.pack(fill="both", expand=True)
    # 更新当前激活的Canvas
    self.current_canvas = self._30kV_canvas if target_frame == self._30kV_frame else self._6kV_canvas
    # 重新绑定全局滚轮事件
    self.unbind_all("<MouseWheel>")
    self.bind_all("<MouseWheel>", lambda e: self._on_scroll(e, self.current_canvas))

def _on_scroll(self, event, canvas):
    # 执行滚动逻辑，delta值根据系统调整（Windows是120，Mac可能是1）
    canvas.yview_scroll(int(-1 * (event.delta / 120)), "units")

问题2：仅Canvas左侧狭窄区域可触发滚动 #

原因 #

Canvas内部的表格组件（如Entry、Label）会捕获鼠标滚轮事件，事件不会向上传递给Canvas，只有Canvas本身的空白区域能触发滚动逻辑。

解决方案 #

方案1：递归绑定所有子组件事件

给Canvas内部Frame的所有子组件（包括嵌套组件）绑定滚轮事件，将事件转发给Canvas：

def _setup_canvas_scroll(self, canvas, inner_container):
    # 绑定Canvas自身的滚动事件
    canvas.bind("<MouseWheel>", lambda e: self._on_scroll(e, canvas))
    # 遍历所有子组件，绑定事件
    for child in inner_container.winfo_children():
        child.bind("<MouseWheel>", lambda e: self._on_scroll(e, canvas))
        # 递归处理嵌套子组件
        if child.winfo_children():
            self._setup_canvas_scroll(canvas, child)

# 初始化Canvas时调用该方法
# 示例：30kV Frame的Canvas初始化
self._30kV_canvas = tk.Canvas(self._30kV_frame)
self._30kV_inner_frame = tk.Frame(self._30kV_canvas)
# 往_inner_frame添加表格组件...
self._setup_canvas_scroll(self._30kV_canvas, self._30kV_inner_frame)

方案2：批量绑定组件类事件

使用bind_class给所有表格相关组件类型统一绑定事件，更高效：

# 在类的__init__方法中添加
# 给常用表格组件类绑定滚动事件
self.bind_class("Entry", "<MouseWheel>", lambda e: self._on_scroll(e, self.current_canvas))
self.bind_class("Label", "<MouseWheel>", lambda e: self._on_scroll(e, self.current_canvas))
self.bind_class("Frame", "<MouseWheel>", lambda e: self._on_scroll(e, self.current_canvas))
# 根据你的表格组件类型，补充对应的类名

该方案需配合问题1的current_canvas变量使用，确保事件始终转发到当前显示的Canvas。

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