如何实现Tkinter Canvas中点击圆形切换为指定颜色？

原代码的核心问题 #

• 全局变量kleur在函数内未被正确声明为全局，导致函数内的赋值无法修改外部变量
• 按钮的command参数直接执行了函数，而非绑定点击触发的回调
• 未给Canvas绑定点击事件，也未保存每个圆形元素的ID，无法在点击时修改颜色

修正后的完整代码 #

import tkinter as tk

mainWindow = tk.Tk()
mainWindow.title("Spelbord")

kleur = ""

def kleurverandering(kleur_button):
    global kleur  # 声明使用全局变量
    if kleur_button == "green":
        kleur = "green"
    elif kleur_button == "red":
        kleur = "red"
    else:
        mainWindow.quit()

def change_tile_color(event):
    # 获取触发事件的Canvas组件
    canvas = event.widget
    # 获取该Canvas上的圆形ID（这里我们只创建了一个，取第一个即可）
    oval_id = canvas.find_all()[0]
    # 只有当kleur有值时才修改颜色
    if kleur:
        canvas.itemconfig(oval_id, fill=kleur)

# frames
button_frame = tk.Frame(mainWindow, width=25, height=10)
button_frame.pack(side="left")

grid_frame = tk.Frame(mainWindow, width=220*4, height=160*4)
grid_frame.pack(side="right")

# make grid and tiles
tiles = []
for i in range(5):
    row = []
    for j in range(7):
        tile = tk.Canvas(grid_frame, width=100, height=100, bg="#f0f0f0")
        tile.grid(row=i, column=j, padx=2, pady=2)
        tile_id = tile.create_oval(5, 5, 25, 25, fill="white", outline="black")
        # 绑定Canvas的点击事件到change_tile_color函数
        tile.bind("<Button-1>", change_tile_color)
        row.append(tile)
    tiles.append(row)

# buttons - 使用lambda延迟调用函数，传递参数
green_button = tk.Button(button_frame, text="Groen", width=25, height=5, 
                         bg="green", fg="black", 
                         command=lambda: kleurverandering("green"))
green_button.pack()

red_button = tk.Button(button_frame, text="Rood", width=25, height=5, 
                       bg="red", fg="black", 
                       command=lambda: kleurverandering("red"))
red_button.pack()

mainWindow.mainloop()

关键修改说明 #

1. 全局变量处理：在kleurverandering函数开头添加global kleur，确保函数内的赋值操作作用于全局变量。
2. 按钮回调修正：用lambda: kleurverandering("green")替代直接调用函数，这样只有点击按钮时才会执行kleurverandering。
3. 点击事件绑定：给每个Canvas绑定<Button-1>（左键点击）事件，触发change_tile_color函数。在该函数中：
   • 通过event.widget获取被点击的Canvas组件
   • 用find_all()获取Canvas上的所有元素ID，这里只创建了一个圆形，所以取第一个
   • 当kleur有选中的颜色时，用itemconfig修改圆形的填充色

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