Tkinter批量创建的100个按钮鼠标悬停变色异常问题求助

问题原因 #

你在循环中创建的year_btn是全局变量，循环结束后这个变量只会指向最后一个创建的按钮。所有按钮绑定的<Enter>和<Leave>事件触发时，都会修改这个全局变量对应的按钮，因此只有最后一个按钮能实现悬停变色效果。

两种解决方法 #

方法一：利用事件对象的widget属性 #

修改事件处理函数，通过事件对象自带的widget属性直接获取当前触发事件的按钮，确保每个事件都会针对触发它的组件进行修改：

import tkinter as tk

def on_enter(e):
    # e.widget就是当前鼠标悬停的按钮实例
    e.widget.config(background="orange", foreground="white")

def on_leave(e):
    e.widget.config(background="white", foreground="black")

window = tk.Tk()
yearnumber = 1

for i in range(10):
    window.rowconfigure(i, weight=1, minsize=40)
    window.columnconfigure(i, weight=1, minsize=40)
    for j in range(10):
        frame = tk.Frame(padx=5, pady=5)
        frame.grid(row=i, column=j, sticky="nsew")
        year_btn = tk.Button(text=f"{yearnumber}", master=frame, activebackground="red", activeforeground="white")
        year_btn.pack(padx=1, pady=1, fill="both", expand="true")
        yearnumber += 1
        year_btn.bind('<Enter>', on_enter)
        year_btn.bind('<Leave>', on_leave)

window.mainloop()

方法二：用Lambda绑定当前按钮实例 #

通过lambda函数捕获循环中创建的每个按钮，将其作为参数传递给事件处理函数，确保每个按钮绑定的事件都对应自身：

import tkinter as tk

def on_enter(btn):
    btn.config(background="orange", foreground="white")

def on_leave(btn):
    btn.config(background="white", foreground="black")

window = tk.Tk()
yearnumber = 1

for i in range(10):
    window.rowconfigure(i, weight=1, minsize=40)
    window.columnconfigure(i, weight=1, minsize=40)
    for j in range(10):
        frame = tk.Frame(padx=5, pady=5)
        frame.grid(row=i, column=j, sticky="nsew")
        year_btn = tk.Button(text=f"{yearnumber}", master=frame, activebackground="red", activeforeground="white")
        year_btn.pack(padx=1, pady=1, fill="both", expand="true")
        yearnumber += 1
        # 用lambda捕获当前循环的按钮实例，传递给事件函数
        year_btn.bind('<Enter>', lambda e, btn=year_btn: on_enter(btn))
        year_btn.bind('<Leave>', lambda e, btn=year_btn: on_leave(btn))

window.mainloop()

这两种方法都能让每个按钮独立响应悬停事件，实现背景色与文字色的切换效果。

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