tkinter如何实现按钮内图片随按钮同步缩放且避免窗口调整卡顿

问题原因 #

你当前的实现存在两个导致卡顿的核心问题：

1. 每次触发resize事件都重复从磁盘读取图片文件，磁盘IO操作耗时极高
2. 窗口拖拽调整过程中，Configure事件每秒会触发几十次，每次都执行图片缩放+更新逻辑会产生大量冗余运算

优化方案 #

以下是优化后的代码，可基本消除调整窗口时的卡顿：

from tkinter import *
from PIL import Image, ImageTk

root = Tk()
root.geometry('500x500')

Grid.rowconfigure(root, 1, weight=1)
Grid.columnconfigure(root, 0, weight=1)

# 提前将原图加载到内存缓存，避免重复读磁盘
original_img = Image.open("clapperboard_og.png")
# 用于存储防抖任务的id
resize_task_id = None

def resize_image(e):
    global movie_img, resize_task_id
    # 防抖逻辑：如果100ms内有新的resize事件，取消之前的待执行任务
    if resize_task_id:
        root.after_cancel(resize_task_id)
    
    def do_resize():
        global movie_img
        # 按比例缩放图片，适配按钮大小
        resized = original_img.resize((int(e.width/2.5), int(e.height/2.5)), Image.Resampling.LANCZOS)
        movie_img = ImageTk.PhotoImage(resized)
        Button_Movie.configure(image=movie_img)
    
    # 延迟100ms执行缩放
    resize_task_id = root.after(100, do_resize)


# 初始化图片和控件
movie_img = ImageTk.PhotoImage(original_img)
Button_Movie = Button(root, bd=4, image=movie_img, bg="#b00029", activebackground="#ff003b")
MyLabel_Movie2 = Label(root, text='Movies', font=('Orelega One','20', 'italic underline'))

MyLabel_Movie2.grid(row=0, column=0, sticky="NSEW")
Button_Movie.grid(row=1, column=0, sticky="NSEW")

# 绑定窗口 resize 事件
root.bind('<Configure>', resize_image)

root.mainloop()

说明 #

• 该方案是纯tkinter+PIL环境下的最优实现，不需要额外引入其他依赖
• 替换了旧版本的Image.ANTIALIAS为PIL 9.0+推荐的Image.Resampling.LANCZOS，如果你使用的是旧版本PIL，改回Image.ANTIALIAS即可

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