如何用Tkinter实现Canvas随窗口尺寸动态调整大小？

原代码的问题点 #

• 拼写错误：event.heigh 应为 event.height，这个错误会导致函数执行失败，直接引发Canvas异常消失
• 绑定了根窗口的<Configure>事件，但Canvas的父容器是elementFrame，直接使用根窗口尺寸计算Canvas大小逻辑不合理
• elementFrame未设置占满根窗口的布局，且Canvas的grid未配置sticky属性，即使修改尺寸也无法填充单元格
• elementFrame仅配置了列权重，未配置行权重，导致行无法随窗口拉伸

修正后的完整代码 #

import tkinter as tk

root = tk.Tk()
root.title("动态调整Canvas")

# 配置根窗口的行列权重，确保elementFrame能占满窗口
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)

elementFrame = tk.Frame(root)
# 让elementFrame占满根窗口的单元格
elementFrame.grid(row=0, column=0, sticky="nsew")
# 配置elementFrame的行列权重
elementFrame.columnconfigure(0, weight=1)
elementFrame.columnconfigure(1, weight=1)
elementFrame.rowconfigure(0, weight=1)  # 新增行权重配置

# 创建Canvas，初始尺寸可设为默认，后续动态调整
canvas = tk.Canvas(elementFrame, bg="lightblue")
# 设置sticky让Canvas填充所在单元格，保留原pady设置
canvas.grid(row=0, column=1, pady=20, sticky="nsew")

def resize_layout(event):
    # 获取elementFrame的可用高度，减去上下pady的总间距
    available_height = event.height - 40
    # 按列权重分配可用宽度，列1权重为1，取总宽度的一半
    available_width = event.width // 2
    # 避免尺寸为负导致异常
    if available_height > 0 and available_width > 0:
        canvas.config(height=available_height, width=available_width)

# 绑定elementFrame的Configure事件，监听容器尺寸变化
elementFrame.bind('<Configure>', resize_layout)

root.mainloop()

关键调整说明 #

• 给根窗口和elementFrame都配置了行列权重，并设置sticky="nsew"，确保容器能随窗口拉伸
• 将事件绑定到elementFrame而非根窗口，获取的尺寸是Canvas父容器的实际可用空间
• 修正拼写错误，合理计算Canvas可用尺寸（减去上下pady间距）
• Canvas的grid添加sticky="nsew"，让它自动填充所在单元格

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