Tkinter：使用for循环嵌套Frame无法正常显示内容求助

核心原因 #

1. PhotoImage引用被回收：Tkinter的ImageTk.PhotoImage对象必须保持引用才能在界面上显示。你在循环里创建的img变量，每轮迭代都会被新的图片对象覆盖，旧对象没有其他引用，会被Python垃圾回收机制销毁，导致图片无法渲染。
2. 按钮位置超出Canvas范围：你设置Canvas高度为100，但按钮的y坐标设为220，完全超出了Canvas的可见区域，所以按钮也看不到。

修复后的代码 #

from tkinter import *
from PIL import ImageTk, Image
import os

width = 4
height = 1
img_directory = "images/styles"
root = Tk()
root.geometry("400x300")

# 维护一个列表保存所有PhotoImage引用，避免被回收
img_references = []

def add_canvas(frame, img):
    c = Canvas(frame, width=500, height=100)
    c.pack(fill=BOTH, expand=True)
    # 使用anchor=NW确保图片从左上角开始绘制，避免偏移
    bg = c.create_image(0, 0, image=img, anchor=NW)
    btn = Button(frame, text="go", width=width, height=height, background='black', fg="white")
    # 调整按钮位置到Canvas可见范围内
    c.create_window(100, 50, window=btn)
    return c


for f in os.listdir(img_directory):
    frame = Frame(root)
    img = ImageTk.PhotoImage(Image.open(os.path.join(img_directory, f)))
    # 将图片对象加入引用列表
    img_references.append(img)
    c = add_canvas(frame, img)
    frame.pack(fill=X, expand=True)  # 让Frame自适应窗口宽度

root.mainloop()

关键修改点 #

• 新增img_references列表，保存每个PhotoImage对象的引用，防止被垃圾回收。
• 调整create_image的anchor=NW参数，让图片从Canvas左上角开始绘制，避免默认中心偏移导致部分图片被截断。
• 修改按钮的y坐标为50，确保在Canvas的可见范围内。
• 给frame.pack()加上fill=X, expand=True，让Frame能自适应窗口宽度，避免内容被压缩。

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