如何在CustomTkinter中实现图片随窗口自适应缩放？

你当前的代码里，CTkImage被固定了size=(700, 300)，且没有监听窗口/容器的尺寸变化，所以窗口放大时图片无法同步缩放。要实现图片随窗口同步缩放且保持宽高比，可按以下方式修改代码：

核心思路 #

• 保存原始PIL图片对象，避免每次重新读取文件
• 监听容器（graph_frame）的尺寸变化事件，动态计算图片的目标尺寸（保持宽高比）
• 重新生成CTkImage并更新到CTkLabel上

修改后的代码示例 #

def display_image(self, image_path):
    # 保存原始PIL图片对象，后续用于动态生成不同尺寸的CTkImage
    self.original_image = Image.open(image_path)
    # 初始化图片尺寸（适配容器初始大小）
    self.update_image_size()
    # 创建CTkLabel并布局
    self.image_label = customtkinter.CTkLabel(self.graph_frame, image=self.my_image, text="")  
    self.image_label.pack(fill='both', expand=True)
    # 绑定容器尺寸变化事件，触发图片更新
    self.graph_frame.bind("<Configure>", self.on_frame_resize)

def update_image_size(self):
    # 获取容器当前的宽高
    frame_width = self.graph_frame.winfo_width()
    frame_height = self.graph_frame.winfo_height()
    
    # 处理容器未完成渲染时尺寸为0的情况
    if frame_width == 0 or frame_height == 0:
        frame_width, frame_height = self.original_image.size
    
    # 计算原始图片的宽高比
    original_ratio = self.original_image.width / self.original_image.height
    # 计算容器的宽高比
    frame_ratio = frame_width / frame_height
    
    # 根据比例关系确定目标尺寸，保证图片不变形
    if frame_ratio > original_ratio:
        # 容器更宽，以容器高度为基准缩放
        target_height = frame_height
        target_width = int(target_height * original_ratio)
    else:
        # 容器更高，以容器宽度为基准缩放
        target_width = frame_width
        target_height = int(target_width / original_ratio)
    
    # 生成新的CTkImage
    self.my_image = customtkinter.CTkImage(light_image=self.original_image, size=(target_width, target_height))
    # 更新label的图片（如果label已创建）
    if hasattr(self, 'image_label'):
        self.image_label.configure(image=self.my_image)

def on_frame_resize(self, event):
    # 容器尺寸变化时触发图片更新
    self.update_image_size()

关键说明 #

• <Configure>事件会在graph_frame的大小发生变化时自动触发，确保图片尺寸实时同步
• 计算目标尺寸时始终保持原始图片的宽高比，避免图片拉伸变形
• 处理了容器初始渲染阶段尺寸为0的异常情况，防止程序报错

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