Tkinter实现图片序列动画及图片自适应组件尺寸问题求助

现有代码问题梳理 #

• Image.resize() 传参格式错误：该方法要求传入*(宽度, 高度)*格式的元组，直接单独传入宽高参数会触发类型错误
• 依赖与变量未定义：代码中用到的itertools、glob、os、PIL相关模块未导入，folder变量、动画循环函数未定义，无法直接运行
• 排序逻辑冗余：glob遍历文件时的排序和后续Image对象的排序逻辑重复，可合并优化
• 显示组件布局不合理：承载图片的display组件放在了顶部高度仅占窗口10%的frame1中，显示区域过小，已调整到占比90%的大展示区域
• 帧迭代器生命周期问题：帧循环迭代器定义在函数内部，函数执行完成后会被回收，后续动画循环无法获取下一帧资源

修复后可运行代码 #

运行前先执行pip install pillow安装图像处理依赖，修改代码中folder变量为你实际存储图片的文件夹路径：

import tkinter as tk
import glob
import os
import itertools
from PIL import Image, ImageTk

# 配置你的图片存放文件夹路径
folder = "./"  # 请修改为你实际的图片存储目录
tkframe_sequence = None
after_id = None
play_interval = 100  # 默认播放间隔100毫秒，可通过输入框修改

def animation_creator(filename):
    global tkframe_sequence, play_interval
    # 读取输入框的自定义间隔
    try:
        play_interval = int(interval.get().strip())
    except:
        play_interval = 100
    infolabel.configure(text = f"正在加载 {filename} 动画...")
    # 获取显示组件的实际宽高
    height = display.winfo_height()
    width = display.winfo_width()
    # 读取并排序图片，自动适配命名规则 文件名 序号.jpg
    image_paths = glob.glob(f"{folder}/{filename}*.jpg") + glob.glob(f"{folder}/{filename}*.JPG")
    # 按文件名中的序号排序
    image_paths.sort(key=lambda p: int(os.path.basename(p).split('.')[0].split(' ')[1]))
    # 缩放图片适配显示区域，用LANCZOS算法保证缩放清晰度
    frames = [Image.open(p).resize((width, height), Image.Resampling.LANCZOS) for p in image_paths]
    # 转Tkinter可用的图片格式，生成循环迭代器
    frames2 = [ImageTk.PhotoImage(image=fr) for fr in frames]
    tkframe_sequence = itertools.cycle(frames2)
    infolabel.configure(text = f"加载完成，共{len(frames)}帧，间隔{play_interval}毫秒")
    # 启动动画循环
    animation_loop()

def animation_loop():
    global after_id, tkframe_sequence
    if tkframe_sequence is None:
        return
    img = next(tkframe_sequence)
    display.configure(image=img)
    display.image = img
    after_id = root.after(play_interval, animation_loop)

root = tk.Tk()
root.title("图片序列播放器")
canvas = tk.Canvas(root, height = 700, width = 800)
canvas.pack()

frame1 = tk.Frame(root, bg = "green")
frame1.place(relx = 0.0, rely = 0.0, relheight=0.1, relwidth=1)

frame2 = tk.Frame(root)
frame2.place(relx = 0.0, rely = 0.1, relheight=0.9, relwidth=1)

button = tk.Button(frame1, text = "测试播放", command =lambda: animation_creator("PhotoIRBalkan"))
button.place(relx = 0.3, rely = 0.3, relheight=0.4, relwidth=0.1)

interval = tk.Entry(frame1)
interval.insert(0, "100")
interval.place(relx = 0.6, rely = 0.3, relheight=0.4, relwidth=0.1)
tk.Label(frame1, text="播放间隔(ms):", bg="green", fg="white").place(relx=0.48, rely=0.3)

infolabel = tk.Label(frame2)
infolabel.pack(pady=5)

# 显示组件移到frame2大区域
display = tk.Label(frame2, text = "等待加载动画...", bg = "#f0f0f0")
display.pack(fill=tk.BOTH, expand=True, padx=10, pady=10)

root.mainloop()

实现效果说明 #

• 自动匹配文件名 序号.jpg的命名规则，按序号正序循环播放
• 所有图片帧自动读取显示组件的宽高做自适应缩放，无拉伸变形
• 支持在顶部输入框自定义动画播放间隔，单位为毫秒
• 加载时会显示当前加载状态与帧数量

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