Tkinter动画按钮优化：是否存在类似Entry的FocusIn事件？

问题描述 #

我想要在Tkinter中制作动画按钮，点击按钮时，该按钮会根据是否点击了其他按钮来变大或变小。现有实现代码功能正常，但新增按钮会使代码冗长杂乱，想知道是否存在类似Entry组件的FocusIn事件可用于按钮。

现有代码：

from tkinter import*

screen = Tk()
screen.geometry("500x500")


def Test_clicked():
    Testing_Button.config(width=6)
    Testing_Button2.config(width=5)
def Test2_clicked():
    Testing_Button.config(width=5)
    Testing_Button2.config(width=6)


Testing_Button = Button(width=5,height=5, command=Test_clicked)
Testing_Button.place(x=0,y=0)

Testing_Button2 = Button(width=5,height=5, command=Test2_clicked)
Testing_Button2.place(x=0,y=90)

screen.mainloop()

解决方案 #

Tkinter的Button组件支持<FocusIn>和<FocusOut>事件，但默认按钮不会主动获取焦点，需要给按钮添加takefocus=True配置来启用焦点功能。利用这两个事件可以实现统一的按钮缩放逻辑，避免新增按钮时重复编写代码。

优化思路 #

• 给每个按钮启用焦点获取：takefocus=True
• 定义统一的事件处理函数：
  • 当按钮获得焦点（<FocusIn>）时，放大按钮（调整width/height）
  • 当按钮失去焦点（<FocusOut>）时，恢复原尺寸
• 批量创建按钮并绑定事件，减少冗余代码

完整示例代码 #

from tkinter import *

screen = Tk()
screen.geometry("500x500")

# 基础尺寸和选中尺寸
BASE_WIDTH = 5
BASE_HEIGHT = 5
ACTIVE_WIDTH = 6
ACTIVE_HEIGHT = 6

def on_focus_in(event):
    # 获取触发事件的按钮，调整尺寸
    event.widget.config(width=ACTIVE_WIDTH, height=ACTIVE_HEIGHT)

def on_focus_out(event):
    # 恢复按钮基础尺寸
    event.widget.config(width=BASE_WIDTH, height=BASE_HEIGHT)

def button_click(event):
    # 点击按钮时强制获取焦点，确保触发FocusIn事件
    event.widget.focus_set()

# 批量创建按钮
button_positions = [(0, 0), (0, 90), (90, 0), (90, 90)]
for idx, (x, y) in enumerate(button_positions):
    btn = Button(
        screen,
        width=BASE_WIDTH,
        height=BASE_HEIGHT,
        takefocus=True,  # 启用焦点获取
        text=f"按钮{idx+1}"
    )
    # 绑定焦点事件和点击事件
    btn.bind("<FocusIn>", on_focus_in)
    btn.bind("<FocusOut>", on_focus_out)
    btn.bind("<Button-1>", button_click)
    btn.place(x=x, y=y)

screen.mainloop()

代码说明 #

1. 焦点启用：通过takefocus=True让按钮能够获取焦点，这样<FocusIn>和<FocusOut>事件才能被触发。
2. 统一事件处理：on_focus_in和on_focus_out函数通过event.widget获取触发事件的按钮，无需为每个按钮单独写逻辑，新增按钮只需添加到位置列表即可。
3. 点击强制聚焦：绑定<Button-1>事件，点击时调用focus_set()确保按钮获得焦点，避免点击后焦点未转移的情况。

内容的提问来源于stack exchange，提问作者Coding With Ibrahim