Tkinter图片显示问题：切换图片时重叠未自动清除

问题核心：你当前的代码每次调用show_ucgen、show_kare、show_daire时，都会新建一个CTkLabel控件并添加到窗口，旧的标签未被移除，导致图片叠加显示。另外原代码中label = CTkLabel(...).place(...)存在错误——place()方法返回None，后续调用label.pack()会触发报错，需先创建标签对象再调用布局方法。

方案一：复用单个标签控件（推荐） #

预先创建一个用于显示图片的标签，每次切换图片时仅更新该标签的图片属性，无需重复创建新标签，这是最简洁高效的方式。

示例代码：

import customtkinter
from PIL import Image, ImageTk

master = customtkinter.CTk()
master.geometry("600x400")

# 预先创建空的图片标签，一次性设置基础布局
image_label = customtkinter.CTkLabel(master, text="")
image_label.place(x=150, y=30)

def show_ucgen():
    image = Image.open("image.png")
    image_resized = image.resize((256, 256))
    photo = ImageTk.PhotoImage(image_resized)
    image_label.configure(image=photo)
    image_label.image = photo  # 保留引用，防止图片被垃圾回收机制清理

def show_kare():
    image1 = Image.open("kare.png")
    image1_resized = image1.resize((256, 256))
    photo = ImageTk.PhotoImage(image1_resized)
    image_label.configure(image=photo)
    image_label.image = photo
    image_label.place(x=150, y=30)  # 统一位置

def show_daire():
    image2 = Image.open("daire.png")
    image2_resized = image2.resize((256, 256))
    photo = ImageTk.PhotoImage(image2_resized)
    image_label.configure(image=photo)
    image_label.image = photo
    image_label.place(x=120, y=30)  # 单独调整位置

# 示例触发按钮
btn_ucgen = customtkinter.CTkButton(master, text="显示三角形", command=show_ucgen)
btn_ucgen.pack(pady=10)
btn_kare = customtkinter.CTkButton(master, text="显示正方形", command=show_kare)
btn_kare.pack(pady=10)
btn_daire = customtkinter.CTkButton(master, text="显示圆形", command=show_daire)
btn_daire.pack(pady=10)

master.mainloop()

方案二：销毁旧标签后创建新标签 #

如果确实需要每次创建新标签，可以通过全局变量跟踪当前显示的标签，创建新标签前先销毁旧标签。

示例代码：

import customtkinter
from PIL import Image, ImageTk

master = customtkinter.CTk()
master.geometry("600x400")

current_label = None  # 跟踪当前显示的标签

def show_ucgen():
    global current_label
    # 销毁旧标签
    if current_label is not None:
        current_label.destroy()
    # 创建新标签
    image = Image.open("image.png")
    image_resized = image.resize((256, 256))
    photo = ImageTk.PhotoImage(image_resized)
    current_label = customtkinter.CTkLabel(master, text="", image=photo)
    current_label.place(x=150, y=30)
    current_label.image = photo  # 保留引用

def show_kare():
    global current_label
    if current_label is not None:
        current_label.destroy()
    image1 = Image.open("kare.png")
    image1_resized = image1.resize((256, 256))
    photo = ImageTk.PhotoImage(image1_resized)
    current_label = customtkinter.CTkLabel(master, text="", image=photo)
    current_label.place(x=150, y=30)
    current_label.image = photo

def show_daire():
    global current_label
    if current_label is not None:
        current_label.destroy()
    image2 = Image.open("daire.png")
    image2_resized = image2.resize((256, 256))
    photo = ImageTk.PhotoImage(image2_resized)
    current_label = customtkinter.CTkLabel(master, text="", image=photo)
    current_label.place(x=120, y=30)
    current_label.image = photo

# 示例触发按钮
btn_ucgen = customtkinter.CTkButton(master, text="显示三角形", command=show_ucgen)
btn_ucgen.pack(pady=10)
btn_kare = customtkinter.CTkButton(master, text="显示正方形", command=show_kare)
btn_kare.pack(pady=10)
btn_daire = customtkinter.CTkButton(master, text="显示圆形", command=show_daire)
btn_daire.pack(pady=10)

master.mainloop()

关键注意事项 #

• 必须保留photo对象的引用（如image_label.image = photo），否则Python垃圾回收机制会清理图片对象，导致标签显示空白。
• 避免将布局方法（place()/pack()）与对象创建写在同一行，否则会丢失标签对象的引用。

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