Tkinter中Canvas添加Frame后可缩放背景失效求助

• 绑定了主窗口的<Configure>事件，当Canvas上添加Frame后，Frame的布局变化也会触发该事件，此时e.width和e.height会变为Frame的尺寸，导致背景图被错误缩放。
• 每次缩放时重复创建Canvas图像元素，不仅造成旧图像堆积，也没有更新原有背景元素，易引发显示异常。

调整以下核心点：

• 将<Configure>事件绑定到Canvas，确保获取的是Canvas的实际尺寸。
• 复用原有背景图像元素（通过itemconfig修改），而非重复创建新元素。
• 优化PhotoImage的引用管理，避免被Python垃圾回收机制回收。
• 使用Canvas的create_window方法添加Frame，使其成为Canvas的内置元素，布局更贴合Canvas坐标系统。

import tkinter as tk
from PIL import ImageTk, Image

homeWin = tk.Tk()
homeWin.geometry("400x400")

# 初始化背景图像
image = Image.open("bg.png")
background = ImageTk.PhotoImage(image)

hw_canvas = tk.Canvas(homeWin, width=400, height=400)
hw_canvas.pack(fill="both", expand=True)
# 创建背景图像元素并保存ID，用于后续更新
bg_id = hw_canvas.create_image(0, 0, image=background, anchor="nw")

def bg_resizable(e):
    global background
    # 仅处理Canvas自身的尺寸变化事件
    if e.widget == hw_canvas:
        # 按Canvas当前尺寸缩放图像
        resized_image = image.resize((e.width, e.height), Image.LANCZOS)
        background = ImageTk.PhotoImage(resized_image)
        # 更新已有背景元素，替代重复创建
        hw_canvas.itemconfig(bg_id, image=background)

# 绑定Canvas的Configure事件
hw_canvas.bind("<Configure>", bg_resizable)

# 通过Canvas的create_window添加Frame，使其成为Canvas的内置元素
sl_frame = tk.Frame(hw_canvas, bg="white", width=200, height=500)
hw_canvas.create_window(hw_canvas.winfo_width()//2, hw_canvas.winfo_height()//2, 
                        window=sl_frame, anchor="center")

homeWin.mainloop()

• 事件绑定目标调整：从主窗口改为Canvas，确保触发事件时获取的是Canvas的宽高，避免子组件布局干扰。
• 复用背景元素：通过itemconfig修改已创建的背景图像ID，减少内存占用，避免图像堆积。
• 引用保留：全局变量background始终持有最新的PhotoImage对象，防止被垃圾回收导致图像消失。
• Canvas内置元素添加：用create_window替代直接place，让Frame成为Canvas的一部分，布局更适配Canvas的坐标体系，后续Canvas缩放时也能更方便地调整Frame位置（如需）。

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