如何让Tkinter中的Canvas自动适配其父Frame的大小？

嘿，我帮你分析下这个问题，其实你遇到的是Tkinter Canvas的一个常见小坑——Canvas控件默认带有最小尺寸，当你把它放到按权重分配空间的Frame里时，它可能会“撑爆”父容器的预设高度，或者自己不跟着父容器的尺寸走。

先拆解下你的情况：你已经做了很多正确的设置——给topFrame加了sticky="nwes"，也给topFrame的列和行设置了weight=1，titleCanvas的grid也加了sticky="nwes"。问题出在Canvas的默认最小尺寸上：它默认会有一个固定的最小高度（比如200像素），而你的topFrame本来应该占窗口10%的高度，如果这个10%的高度小于Canvas的默认最小高度，Canvas就会强行把topFrame的高度撑开，导致整个布局的权重分配失效，看起来就是titleCanvas的高度不对。

下面给你两种解决方法，推荐第一种（更通用，哪怕后续改成可调整窗口也能生效）：

方法1：绑定事件动态适配 #

给Canvas绑定一个事件处理函数，当Canvas所在的容器大小确定或变化时，自动让Canvas的尺寸完全匹配父容器的可用空间。

修改后的完整代码如下：

from tkinter import Tk, Frame, Canvas, Button

tk = Tk()

screenWidth = tk.winfo_screenwidth()
screenHeight = tk.winfo_screenheight()
formWidth = int(screenWidth * 0.8)
formHeight = int(screenHeight * 0.8)
formLeft = (screenWidth - formWidth) // 2
formTop = (screenHeight - formHeight) // 2

tk.geometry(f'{formWidth}x{formHeight}+{formLeft}+{formTop}')
tk.resizable(False, False)

tk.columnconfigure(0, weight=10)
tk.columnconfigure(1, weight=90)
tk.rowconfigure(0, weight=10)
tk.rowconfigure(1, weight=90)

topFrame = Frame(tk, bg="blue", highlightthickness=0)
topFrame.grid(column=0, row=0, columnspan=2, sticky="nwes")
topFrame.columnconfigure(0, weight=1)
topFrame.rowconfigure(0, weight=1)

leftFrame = Frame(tk, bg="green", highlightthickness=0)
leftFrame.grid(column=0, row=1, sticky="nwes")
leftFrame.columnconfigure(0, weight=1)

mainFrame = Frame(tk, bg="purple", highlightthickness=0)
mainFrame.grid(column=1, row=1, sticky="nwes")
mainFrame.columnconfigure(0, weight=1)
mainFrame.rowconfigure(0, weight=1)

startButton = Button(leftFrame, text="Start")
startButton.grid(column=0, row=0, sticky="ew")
stopButton = Button(leftFrame, text="Stop")
stopButton.grid(column=0, row=1, sticky="ew")

# 定义适配函数：让Canvas尺寸匹配父容器
def fit_canvas_to_parent(event):
    event.widget.config(width=event.width, height=event.height)

titleCanvas = Canvas(topFrame, bg="indigo", highlightthickness=0)
titleCanvas.grid(column=0, row=0, sticky="nwes")
# 绑定配置事件，自动适配
titleCanvas.bind('<Configure>', fit_canvas_to_parent)

mainCanvas = Canvas(mainFrame, bg="gray", highlightthickness=0)
mainCanvas.grid(column=0, row=0, sticky="nwes")
# 给mainCanvas也加上绑定，确保窗口调整时也能适配（虽然你现在固定了窗口）
mainCanvas.bind('<Configure>', fit_canvas_to_parent)

tk.update()
# 测试两个Canvas的适配效果
titleCanvas.create_line(0, 0, titleCanvas.winfo_width(), titleCanvas.winfo_height(), width=2, fill="white")
mainCanvas.create_line(0, 0, mainCanvas.winfo_width(), mainCanvas.winfo_height(), width=2, fill="black")

tk.mainloop()

方法2：固定窗口下直接设置Canvas初始尺寸 #

如果你的窗口一直是固定大小（就像你设置的resizable(False, False)），也可以在窗口布局更新后，直接把Canvas的尺寸设为父Frame的实际大小：

# 在创建完所有Canvas后添加以下代码
tk.update()  # 强制更新布局，获取准确的Frame尺寸
titleCanvas.config(width=topFrame.winfo_width(), height=topFrame.winfo_height())
mainCanvas.config(width=mainFrame.winfo_width(), height=mainFrame.winfo_height())

这种方法更直接，但只适用于固定窗口，后续如果允许窗口调整大小，Canvas不会跟着变化，所以还是推荐第一种方法。

为什么mainCanvas之前看起来正常？ #

你可能会好奇为什么mainCanvas能正常工作——因为mainFrame分配到的90%窗口高度远大于Canvas的默认最小高度，所以父容器能把Canvas“拉”到充满整个空间；而topFrame的10%高度可能小于Canvas的默认最小高度，反而被Canvas撑开，导致高度不符合预期。

内容来源于stack exchange