如何实现Tkinter自定义图片按钮单击后点亮0.1秒自动切回熄灭状态

• 核心逻辑是同步连续执行的：点击触发函数后，代码会一口气跑完“放置on图Label→立刻放置off图Label”全流程，GUI根本没有空闲间隙渲染中间的on图帧，你看到的永远是最后执行完的off图状态。
• 函数内对on_off_button做了局部赋值，直接覆盖了全局的按钮引用，后续操作都是操作的临时新建对象，根本不是初始定义的那个按钮实例。
• 每次点击都新建Label属于冗余操作，既浪费资源还容易出现图层错位的问题。

• 全程复用同一个Label控件，点击时直接修改控件的image属性切换状态，不要反复新建控件实例。
• 借助Tkinter自带的after()方法实现延迟切回效果，不要同步写切回off图的代码。after()会把切回动作放到事件队列里，不会阻塞主GUI渲染流程，切到on图后第一时间就会被绘制到屏幕上，等100ms后再执行切回逻辑，刚好能被人眼捕捉到点亮效果。
• 所有加载的图片对象要保留全局引用，避免被Python垃圾回收机制误清除，出现图片加载异常的问题。

from tkinter import *
from PIL import ImageTk, Image

# 主窗口基础配置
root = Tk()
root.title("example")
w, h = 1200, 800
ws = root.winfo_screenwidth()
hs = root.winfo_screenheight()
x = (ws/2) - (w/2)
y = (hs/2) - (h/2)
root.geometry('%dx%d+%d+%d' % (w, h, x, y))

# 预加载按钮状态图，保留全局引用避免被GC回收
off_image = ImageTk.PhotoImage(Image.open("example_img1.png"))
on_image = ImageTk.PhotoImage(Image.open("example_img2.png"))

# 选择器业务逻辑示例
current_select_index = 0
select_options = ["选项1", "选项2", "选项3", "选项4"]

def _reset_to_off(btn):
    # 按钮延迟切回熄灭状态
    btn.config(image=off_image)

def on_arrow_click(event, btn):
    # 1. 立刻切换为点亮状态
    btn.config(image=on_image)
    # 2. 100毫秒（即0.1秒）后自动切回熄灭，不阻塞主事件循环
    btn.after(100, _reset_to_off, btn)
    # 3. 执行选择器核心逻辑：切换到下一个可选值
    global current_select_index
    current_select_index = (current_select_index + 1) % len(select_options)
    print(f"当前选中项：{select_options[current_select_index]}")

# 初始化箭头按钮，全程复用不新建
on_off_button = Label(image=off_image)
on_off_button.bind("<Button-1>", lambda e: on_arrow_click(e, on_off_button))
on_off_button.place(x=100, y=100)

root.mainloop()

注意：如果后续要给按钮加“鼠标悬浮高亮”的效果，也是同样的逻辑——只需要修改现有Label的image属性，配合after()做状态延迟，不需要反复新建控件。

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