Tkinter中pack布局管理器如何实现窗口缩小时组件等比例缩放？

问题 #

用Grid布局可以实现四个方块随窗口放大/缩小始终等比例伸缩，但用Pack布局时，方块仅在窗口放大时等比例扩展，缩小时无法保持比例：

Grid布局示例（正常工作） #

import tkinter as tk
root=tk.Tk()
root.rowconfigure(0,weight=1)
root.rowconfigure(1,weight=1)
root.columnconfigure(0,weight=1)
root.columnconfigure(1,weight=1)
canv1=tk.Canvas(root, bg="blue")
canv2 = tk.Canvas(root, bg="yellow")
canv3 = tk.Canvas(root, bg="red")
canv4 = tk.Canvas(root, bg="green")
canv1.grid(row=0, column=0, sticky="nsew")
canv2.grid(row=0, column=1, sticky="nsew")
canv3.grid(row=1, column=0, sticky="nsew")
canv4.grid(row=1, column=1, sticky="nsew")
root.mainloop()

Pack布局示例（缩小时失效） #

import tkinter as tk
root=tk.Tk()
upper=tk.Frame(root)
lower=tk.Frame(root)
canv1=tk.Canvas(upper,bg="blue")
canv2 = tk.Canvas(upper, bg="yellow")
canv3 = tk.Canvas(lower, bg="red")
canv4 = tk.Canvas(lower, bg="green")
canv1.pack(side='left', fill='both', expand=True)
canv2.pack(side='right', fill='both', expand=True)
canv3.pack(side='left', fill='both', expand=True)
canv4.pack(side='left', fill='both', expand=True)
upper.pack(side='top', fill='both', expand=True)
lower.pack(side='bottom', fill='both', expand=True)
root.mainloop()

解决方案 #

可以实现，只需调整两处关键设置：

修改后的Pack布局代码 #

import tkinter as tk

root = tk.Tk()
# 为主窗口设置最小尺寸，防止缩到无法显示内容
root.minsize(200, 200)

upper = tk.Frame(root)
lower = tk.Frame(root)
# 给承载Canvas的Frame设置最小尺寸，确保缩小时不会挤压内部组件
upper.minsize(200, 100)
lower.minsize(200, 100)

canv1 = tk.Canvas(upper, bg="blue")
canv2 = tk.Canvas(upper, bg="yellow")
canv3 = tk.Canvas(lower, bg="red")
canv4 = tk.Canvas(lower, bg="green")

# 统一Canvas的side参数为left，确保两个Canvas均匀分配空间
canv1.pack(side='left', fill='both', expand=True)
canv2.pack(side='left', fill='both', expand=True)
canv3.pack(side='left', fill='both', expand=True)
canv4.pack(side='left', fill='both', expand=True)

# 上下Frame都用side='top'，并保持fill和expand参数
upper.pack(side='top', fill='both', expand=True)
lower.pack(side='top', fill='both', expand=True)

root.mainloop()

关键修改说明 #

• 设置最小尺寸：如果没有minsize，窗口缩小时Frame会被压缩到小于Canvas的默认最小尺寸，导致Canvas无法按比例收缩。设置最小尺寸后，组件有了稳定的缩放基准。
• 统一Canvas的side参数：原来canv2用side='right'，缩小时布局规则会优先保留右侧组件的空间，导致两个Canvas比例失衡。改成side='left'后，两个Canvas会均匀分配Frame的宽度，缩放时始终保持1:1比例。

修改后，四个方块无论窗口放大还是缩小，都会始终保持等比例伸缩，和Grid布局的效果完全一致。

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