Tkinter标签鼠标移出时需离开边界3像素才恢复颜色的实现问题

我用Python Tkinter在Canvas上创建了3x3的Label，实现了鼠标悬停时背景变红的功能，但希望鼠标移出Label后，只有当距离Label边界超过3像素时才恢复白色背景，而不是立刻变色。但现有代码的判断逻辑完全无效，鼠标一移出就变回白色。

原代码如下：

import tkinter as tk

def create_labels_on_canvas(canvas):
    def label_enter(event):
        event.widget.config(bg='red')

    def label_leave(event):
        x, y = event.x, event.y
        label_width = event.widget.winfo_width()
        label_height = event.widget.winfo_height()
        if x < 3 or y < 3 or x > label_width - 3 or y > label_height - 3:
            event.widget.config(bg='white')

   
    for i in range(3):
        for j in range(3):
            label_text = str(i*3 + j + 1)
            label = tk.Label(canvas, text=label_text, font=('Helvetica', 16), bg='white')
            label.grid(row=i, column=j, padx=10, pady=10)
            label.bind("<Enter>", label_enter)
            label.bind("<Leave>", label_leave)


root = tk.Tk()
root.title("3x3 Label Text")
canvas = tk.Canvas(root, width=300, height=300, bg='white')
canvas.pack()
create_labels_on_canvas(canvas)
root.mainloop()

其中失效的判断逻辑：

if x < 3 or y < 3 or x > label_width - 3 or y > label_height - 3:

<Leave>事件触发时，鼠标已经完全离开Label控件，此时event.x和event.y是相对于Label的坐标，值为-1（或超出Label范围的无效值），导致你的条件判断直接成立，立刻执行恢复背景色的操作，完全达不到“延迟3像素”的效果。

放弃使用<Leave>事件，改为监听Canvas的鼠标移动事件，实时判断鼠标是否处于Label的扩展区域（Label自身边界向外扩展3像素）内：

1. 存储所有创建的Label实例，方便后续遍历检查
2. 在Canvas的<Motion>事件处理函数中，遍历每个Label，计算其扩展区域的坐标范围
3. 根据鼠标当前位置是否在扩展区域内，动态切换Label的背景色

修改后的代码：

import tkinter as tk

def create_labels_on_canvas(canvas):
    labels = []  # 存储所有Label实例

    def check_mouse_position(event):
        mouse_x, mouse_y = event.x, event.y
        for label in labels:
            # 获取Label在Canvas中的绝对坐标
            label_x = label.winfo_x()
            label_y = label.winfo_y()
            label_w = label.winfo_width()
            label_h = label.winfo_height()
            
            # 计算扩展区域：向外扩展3像素
            expand_left = label_x - 3
            expand_top = label_y - 3
            expand_right = label_x + label_w + 3
            expand_bottom = label_y + label_h + 3
            
            # 判断鼠标是否在扩展区域内
            if expand_left <= mouse_x <= expand_right and expand_top <= mouse_y <= expand_bottom:
                label.config(bg='red')
            else:
                label.config(bg='white')

    # 创建3x3 Label并加入列表
    for i in range(3):
        for j in range(3):
            label_text = str(i*3 + j + 1)
            label = tk.Label(canvas, text=label_text, font=('Helvetica', 16), bg='white')
            label.grid(row=i, column=j, padx=10, pady=10)
            labels.append(label)
    
    # 给Canvas绑定鼠标移动事件
    canvas.bind("<Motion>", check_mouse_position)


root = tk.Tk()
root.title("3x3 Label Text")
canvas = tk.Canvas(root, width=300, height=300, bg='white')
canvas.pack()
create_labels_on_canvas(canvas)
root.mainloop()

• labels列表存储所有Label实例，方便后续遍历检查
• check_mouse_position函数通过winfo_x()/winfo_y()获取Label在Canvas中的绝对坐标，计算出向外扩展3像素的区域范围
• 每次鼠标移动时，遍历所有Label，判断鼠标是否在对应Label的扩展区域内，动态切换背景色

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