将鼠标滚轮绑定到两个Canvas仅一个生效的问题排查

我之前也碰到过一模一样的问题，核心原因就是你用了bind_all()来绑定鼠标滚轮事件——这玩意儿是全局绑定，会覆盖之前所有同事件的绑定，直接导致跨标签页的滚动冲突。

问题到底出在哪？ #

bind_all()会把事件绑定到整个Tkinter应用的所有组件上，每次调用都会替换掉之前针对<MouseWheel>事件的绑定。看你的代码执行顺序：先初始化MainFrame并调用它的bind_all()，接着初始化SystemFrame又调用了一次bind_all()。这时候最后生效的其实是SystemFrame里的绑定？但你说切换到Systems标签页时滚动的是Main的Canvas，这可能是后续某个操作又让Main的绑定覆盖回来了？不管怎样，bind_all()的全局特性必然会导致这种混乱——它不管鼠标当前在哪个组件上，都会执行最后绑定的那个处理函数。

最靠谱的解决方案：改用组件级绑定 #

放弃bind_all()，用bind()把鼠标滚轮事件直接绑定到对应的Canvas上。这样只有当鼠标悬停在这个Canvas上方时，滚动事件才会触发它的处理函数，完全不会和其他标签页的Canvas冲突。

修改你的两个Frame类代码：

MainFrame修改后：

import tkinter as tk
class MainFrame(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)  # 用super()更简洁
        self.rowconfigure(0, weight=1)
        self.columnconfigure(0, weight=1)
        
        self.main_canvas = tk.Canvas(self, borderwidth=0, highlightthickness=0)
        self.main_canvas.grid(row=0, column=0, sticky="NESW")
        
        self.vsb = tk.Scrollbar(self, orient="vertical", command=self.main_canvas.yview)
        self.vsb.grid(row=0, column=1, sticky="NS")
        self.main_canvas.configure(yscrollcommand=self.vsb.set)  # 别忘了加这行，让Canvas和滚动条联动
        
        # 替换bind_all为bind，绑定到Canvas自身
        self.main_canvas.bind("<MouseWheel>", self._on_mousewheel)
        # 兼容Linux系统的鼠标滚轮事件
        self.main_canvas.bind("<Button-4>", self._on_mousewheel_linux)
        self.main_canvas.bind("<Button-5>", self._on_mousewheel_linux)

    def _on_mousewheel(self, event):
        self.main_canvas.yview_scroll(int(-1*(event.delta/120)), "units")
    
    def _on_mousewheel_linux(self, event):
        if event.num == 4:
            self.main_canvas.yview_scroll(-1, "units")
        elif event.num == 5:
            self.main_canvas.yview_scroll(1, "units")

SystemFrame修改后：

import tkinter as tk
class SystemFrame(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        self.rowconfigure(0, weight=1)
        self.columnconfigure(0, weight=1)
        
        self.system_canvas = tk.Canvas(self, borderwidth=0, highlightthickness=0)
        self.system_canvas.grid(row=0, column=0, sticky="NESW")
        
        self.vsb = tk.Scrollbar(self, orient="vertical", command=self.system_canvas.yview)
        self.vsb.grid(row=0, column=1, sticky="NS")
        self.system_canvas.configure(yscrollcommand=self.vsb.set)
        
        # 绑定到自身Canvas
        self.system_canvas.bind("<MouseWheel>", self._on_mousewheel)
        self.system_canvas.bind("<Button-4>", self._on_mousewheel_linux)
        self.system_canvas.bind("<Button-5>", self._on_mousewheel_linux)

    def _on_mousewheel(self, event):
        self.system_canvas.yview_scroll(int(-1*(event.delta/120)), "units")
    
    def _on_mousewheel_linux(self, event):
        if event.num == 4:
            self.system_canvas.yview_scroll(-1, "units")
        elif event.num == 5:
            self.system_canvas.yview_scroll(1, "units")

你的疑问逐一解答 #

1. 不为每个组件单独绑定是否合理？
   完全不合理。每个Canvas是独立的滚动容器，各自处理自己的滚动逻辑才是符合预期的设计。全局绑定bind_all()本质上就是在制造冲突，这也是你现在遇到问题的根源。

2. 是否需要解绑？
   如果用上面的bind()方法绑定到组件自身，完全不需要解绑。因为只有当鼠标悬停在该Canvas上时，它才会接收到滚轮事件；切换标签页后，不可见的Canvas不会触发任何滚动操作，自然不会干扰当前标签页。

3. 如果坚持用bind_all()，怎么在MyFirstGUI中正确解绑？
   虽然不推荐，但如果你一定要用全局绑定，可以给Notebook添加标签页切换事件，在切换时解绑旧的绑定，再绑定当前标签页对应的滚动函数：

修改MyFirstGUI类：

from tkinter import *
import tkinter.ttk as ttk
class MyFirstGUI(object):
    def __init__(self, master):
        self.master = master
        self.gui_control = ttk.Notebook(master)
        self.main_gui = ttk.Frame(self.gui_control, borderwidth=0)
        self.systems_gui = ttk.Frame(self.gui_control, borderwidth=0)
        
        self.gui_control.add(self.main_gui, text='Main')
        self.gui_control.add(self.systems_gui, text='Systems')
        self.gui_control.grid(column=1,row=1, columnspan=9, rowspan=50,sticky=N+E+S+W)
        
        self.test_1 = Main.MainFrame(self.main_gui)
        self.test_1.grid(row=0, column=0, sticky="NESW")
        self.test_2 = Systems.SystemFrame(self.systems_gui)
        self.test_2.grid(row=0, column=0, sticky="NESW")
        
        # 绑定标签页切换事件
        self.gui_control.bind("<<NotebookTabChanged>>", self.on_tab_change)
        # 初始化绑定第一个标签页的滚动函数
        self._setup_scroll_bind(self.test_1._on_mousewheel)

    def _setup_scroll_bind(self, scroll_func):
        # 先解绑所有<MouseWheel>绑定，再绑定新的
        self.master.unbind_all("<MouseWheel>")
        self.master.bind_all("<MouseWheel>", scroll_func)
        # 别忘了Linux的事件，如果你需要兼容的话
        self.master.unbind_all("<Button-4>")
        self.master.unbind_all("<Button-5>")
        if scroll_func == self.test_1._on_mousewheel:
            self.master.bind_all("<Button-4>", self.test_1._on_mousewheel_linux)
            self.master.bind_all("<Button-5>", self.test_1._on_mousewheel_linux)
        else:
            self.master.bind_all("<Button-4>", self.test_2._on_mousewheel_linux)
            self.master.bind_all("<Button-5>", self.test_2._on_mousewheel_linux)

    def on_tab_change(self, event):
        selected_idx = self.gui_control.index(self.gui_control.select())
        if selected_idx == 0:
            self._setup_scroll_bind(self.test_1._on_mousewheel)
        else:
            self._setup_scroll_bind(self.test_2._on_mousewheel)

但还是强烈建议用第一种组件绑定的方案，代码更简洁，逻辑也更清晰，完全不会有冲突问题。

内容的提问来源于stack exchange，提问作者K-Doe