Tkinter循环创建按钮：悬停仅最后一个按钮生效问题求助

问题描述 #

我在StackOverflow上看到过类似问题，但现有方案无法解决我的问题。我编写了Python Tkinter代码，用于创建5行10列的按钮，绑定<Enter>和<Leave>事件实现鼠标悬停切换图片的效果，但实际运行时，无论悬停哪个按钮，只有最后一个创建的按钮会触发图片切换。

我尝试过谷歌、StackOverflow、YouTube、必应搜索解决方案，还参考过HTML/CSS/JS的思路，均未解决问题，特此求助。

原代码 #

from tkinter import *

Master = Tk()
Master.geometry("1920x1080")
Master.configure(bg = "#000000")

img1C1C1C = PhotoImage(file = "#1C1C1C.png")
img505050 = PhotoImage(file = "#505050.png")

def Enter(Widget, event):
  if not event.state:
    Widget.configure(image = img505050)

def Leave(Widget, event):
  if not event.state:
    Widget.configure(image = img1C1C1C)

for Row in range(5):
  for Column in range(10):
    x = 25 + 125 * Column + 25 * Column
    y = 25 + 100 * Row + 25 * Row
    
    Widget = Button(master = Master, bg = "#000000", image = img1C1C1C, bd = 0, borderwidth = 0, activebackground = "#000000", relief = "flat", highlightthickness = 0)
    Widget.bind("<Enter>", lambda event: Enter(Widget, event))
    Widget.bind("<Leave>", lambda event: Leave(Widget, event))
    Widget.place(x = x, y = y, width = 125, height = 100)

问题原因 #

循环中使用lambda绑定事件时，lambda不会捕获当前迭代的Widget实例，而是保留对Widget变量的引用。当循环结束后，Widget变量指向最后一个创建的按钮，因此所有事件触发时都会操作这个最后一个按钮。

解决方法 #

以下两种方法均可修复该问题：

方法1：给lambda添加默认参数捕获当前Widget #

修改事件绑定的lambda，将当前Widget作为默认参数传入，这样每次迭代都会捕获对应的按钮实例：

Widget.bind("<Enter>", lambda event, w=Widget: Enter(w, event))
Widget.bind("<Leave>", lambda event, w=Widget: Leave(w, event))

方法2：使用functools.partial固定参数 #

使用functools.partial来预先绑定函数的Widget参数，避免lambda的引用问题：

1. 先导入functools模块：

from functools import partial

2. 修改绑定代码：

Widget.bind("<Enter>", partial(Enter, Widget))
Widget.bind("<Leave>", partial(Leave, Widget))

完整修复后的代码 #

from tkinter import *
from functools import partial

Master = Tk()
Master.geometry("1920x1080")
Master.configure(bg = "#000000")

img1C1C1C = PhotoImage(file = "#1C1C1C.png")
img505050 = PhotoImage(file = "#505050.png")

def Enter(Widget, event):
  if not event.state:
    Widget.configure(image = img505050)

def Leave(Widget, event):
  if not event.state:
    Widget.configure(image = img1C1C1C)

for Row in range(5):
  for Column in range(10):
    x = 25 + 125 * Column + 25 * Column
    y = 25 + 100 * Row + 25 * Row
    
    Widget = Button(master = Master, bg = "#000000", image = img1C1C1C, bd = 0, borderwidth = 0, activebackground = "#000000", relief = "flat", highlightthickness = 0)
    Widget.bind("<Enter>", partial(Enter, Widget))
    Widget.bind("<Leave>", partial(Leave, Widget))
    Widget.place(x = x, y = y, width = 125, height = 100)

Master.mainloop()

注意：原代码缺少Master.mainloop()，会导致窗口无法正常运行，修复后的代码已补充该语句。

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