Tkinter实现Canvas鼠标悬停展开、离开恢复的动画效果问题

原代码存在的具体问题 #

• 事件回调参数不匹配：Tkinter触发绑定的、事件时，只会自动传入1个事件对象作为回调的入参。你写的回调函数enter(event,self)、exit_(event,self)额外加了不存在的self参数，运行时会直接抛出参数数量不匹配的TypeError，绑定逻辑根本跑不起来。
• 尺寸修改方法完全误用：update()的作用是强制Tkinter刷新所有待处理的界面绘制任务，和修改控件尺寸没有任何关系。你传入的'840x200'是根窗口geometry()方法的参数格式，用到Canvas上没有任何生效效果。
• Canvas的尺寸修改规则：Canvas的宽度、高度是本身的可配置属性，不需要调用特殊方法，直接修改属性值就可以实时调整大小。

可直接运行的修正实现 #

按照修正逻辑调整后的完整代码如下：

import tkinter as tk

root = tk.Tk()
# 占位演示原有代码中定位参照的schedule控件
schedule = tk.Frame(root, width=400, height=840, bg='#f0f0f0')
schedule.pack(anchor='nw', side='left')

toolbar = tk.Canvas(root,
                    height=840,
                    width=50,
                    bg='#9BC4BC',
                    borderwidth=0,
                    highlightthickness=0)
toolbar.pack(anchor='nw', before=schedule)

# 修正回调函数：移除多余的self参数
def expand_toolbar(event):
    # 鼠标悬停时将画布宽度扩展到200
    toolbar.config(width=200)

def shrink_toolbar(event):
    # 鼠标移出时将画布恢复到初始50宽度
    toolbar.config(width=50)

# 绑定事件
toolbar.bind('<Enter>', expand_toolbar)
toolbar.bind('<Leave>', shrink_toolbar)

root.mainloop()

运行效果说明 #

因为你的toolbar是通过pack布局锚定在窗口左上角，并且指定了摆放顺序在schedule控件前面，加宽时只会向右延伸占用自身预留的布局空间，不会挤压、打乱其他控件的位置。鼠标悬停到画布上时会自动展开为200宽度，移出后立刻缩回初始的50宽度，完全匹配你要的交互逻辑。

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