Tkinter掷骰子应用问题：如何移除Frame内的旧图片？

问题描述 #

我正在学习Python，开发了一个掷骰子小应用，目前功能接近完成，但存在一个问题：每次多次掷骰子时，新的骰子图片会叠加显示，旧的图片未被移除。我希望每次只显示一组骰子图片。

原代码 #

def update_gui():
    for i in range(len(dice)):
        a, b, c = dice[i]
        print(c)

        if "BLACK CRITICAL" in c: #2
            tkimage2= ImageTk.PhotoImage(BlackCriticalSuccess)
            diceText3 = tk.Label(frame2, image=tkimage2)
            diceText3.image = tkimage2
            diceText3.pack(anchor='c')
        elif "BLACK SUCCESS" in c: #3
            tkimage3= ImageTk.PhotoImage(BlackSuccess)
            diceText3 = tk.Label(frame2, image=tkimage3)
            diceText3.image = tkimage3
            diceText3.pack(anchor='c')
        elif "BLACK FAILURE" in c:#4
            tkimage4= ImageTk.PhotoImage(BlackFailure)
            diceText3 = tk.Label(frame2, image=tkimage4)
            diceText3.image = tkimage4
            diceText3.pack(anchor='c')
        elif "RED SUCCESS" in c:#5
            tkimage5= ImageTk.PhotoImage(RedSuccess)
            diceText3 = tk.Label(frame2, image=tkimage5)
            diceText3.image = tkimage5
            diceText3.pack(anchor='c')
        elif "RED CRITICAL FAILURE" in c: #6
            tkimage6= ImageTk.PhotoImage(RedCriticalFailure)
            diceText3 = tk.Label(frame2, image=tkimage6)
            diceText3.image = tkimage6
            diceText3.pack(anchor='c')
        elif "RED FAILURE" in c: #7
            tkimage7= ImageTk.PhotoImage(RedFailure)
            diceText3 = tk.Label(frame2, image=tkimage7)
            diceText3.image = tkimage7
            diceText3.pack(anchor='c')
        elif "RED CRITICAL SUCCESS" in c: #8
            tkimage8= ImageTk.PhotoImage(RedCriticalSuccess)
            diceText3 = tk.Label(frame2, image=tkimage8)
            diceText3.image = tkimage8
            diceText3.pack(anchor='c')

# slette gamle bilder fra listen og oppdatere med nye

for widgets in frame2.winfo_children():
    widgets.destroy()
frame2.after(10, update_gui)

问题原因与解决方案 #

核心问题 #

代码逻辑顺序错误：先调用update_gui()生成新图片，之后才销毁旧控件，导致旧图片未被移除就叠加了新内容。

修复步骤 #

1. 调整控件销毁顺序：把销毁旧控件的代码移到update_gui()函数最开头，确保生成新图片前先清空容器内所有旧内容。
2. 优化冗余代码：用字典映射骰子结果到对应图片，替换重复的if-elif逻辑，提升代码可维护性。

修改后的代码 #

# 提前定义结果与图片的映射字典，可放在函数外或初始化阶段
result_to_image = {
    "BLACK CRITICAL": BlackCriticalSuccess,
    "BLACK SUCCESS": BlackSuccess,
    "BLACK FAILURE": BlackFailure,
    "RED SUCCESS": RedSuccess,
    "RED CRITICAL FAILURE": RedCriticalFailure,
    "RED FAILURE": RedFailure,
    "RED CRITICAL SUCCESS": RedCriticalSuccess
}

def update_gui():
    # 第一步：清空frame2内所有旧控件
    for widget in frame2.winfo_children():
        widget.destroy()
    
    # 第二步：生成新的骰子图片
    for _, _, result in dice:
        # 匹配对应的图片并创建Label
        for key, img in result_to_image.items():
            if key in result:
                tk_img = ImageTk.PhotoImage(img)
                dice_label = tk.Label(frame2, image=tk_img)
                dice_label.image = tk_img  # 保留引用，防止图片被垃圾回收导致不显示
                dice_label.pack(anchor='c')
                break

# 触发GUI更新
frame2.after(10, update_gui)

关键说明 #

• 先清空再生成，确保每次只显示最新的一组骰子图片
• 字典映射减少了大量重复代码，后续新增骰子结果只需在字典里添加条目即可
• 必须保留dice_label.image = tk_img，Tkinter的PhotoImage对象若无引用会被自动垃圾回收，导致图片无法显示

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