使用grid布局管理器动态调整带滚动条的Canvas大小问题求助

我来帮你排查并修复这个问题！你的代码里有几个关键小疏漏，导致Canvas没法跟着父组件一起缩放。我们一步步来修正：

问题分析 #

1. self.body被固定了尺寸：你初始化self.body时指定了width=width,height=height，这会强制它保持固定大小，无法随父组件缩放。
2. self.body内部的Grid布局缺少权重配置：Canvas所在的单元格没有设置权重，导致即使self.body缩放了，Canvas也不会跟着占满空间。
3. 不必要的<Configure>绑定：其实通过正确的Grid权重配置，组件会自动响应尺寸变化，不需要手动绑定事件修改宽度。

修正后的代码 #

import tkinter as tk
root = tk.Tk()

class my_figure(tk.Frame):
    def __init__(self, master, width=450, height=590):
        tk.Frame.__init__(self, master)
        self.master = master
        self.width = width
        self.height = height

        # DownFrame - 去掉固定的width和height，让它能随父组件缩放
        self.body = tk.Frame(self, relief='sunken', bd=2)
        
        self.vscrbar = tk.Scrollbar(self.body)
        self.hscrbar = tk.Scrollbar(self.body, orient=tk.HORIZONTAL)
        self.Display = tk.Canvas(
            self.body, 
            background='#f0f0f0',
            highlightthickness=0, 
            yscrollcommand=self.vscrbar.set, 
            xscrollcommand=self.hscrbar.set
        )
        
        self.vscrbar.config(command=self.Display.yview)
        self.hscrbar.config(command=self.Display.xview)

        # 布局配置
        self.body.grid(column=0, row=1, sticky='nswe')
        self.vscrbar.grid(column=1, sticky='ns')
        self.hscrbar.grid(row=1, sticky='we')
        self.Display.grid(column=0, row=0, sticky='nswe')

        # 关键：给self.body内部的行和列设置权重，让Canvas占满空间
        self.body.grid_rowconfigure(0, weight=1)
        self.body.grid_columnconfigure(0, weight=1)

        # 父容器的权重配置（你这部分是对的）
        self.grid_rowconfigure(1, weight=1)
        self.columnconfigure(0, weight=1)

figure = my_figure(root)
figure.grid(column=0, row=0, sticky='nswe')  # 加上sticky='nswe'，确保figure占满root的空间
root.grid_columnconfigure(0, weight=1)
root.grid_rowconfigure(0, weight=1)

root.mainloop()

核心改动说明 #

• 移除self.body的固定宽高参数，让它能继承父组件的尺寸变化。
• 给self.body的第0行和第0列设置weight=1，这样Canvas所在的单元格会自动占满self.body的可用空间。
• 在figure.grid(...)里添加sticky='nswe'，确保你的自定义Frame能完全填充root的窗口空间（之前的代码里漏掉了这个，导致Frame可能不会随root缩放）。
• 删掉了不必要的<Configure>绑定和手动修改尺寸的代码，Grid布局会自动处理缩放逻辑。

现在运行代码，你会发现Canvas会跟着窗口一起缩放，滚动条也能正常工作啦！

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