Python Tkinter：如何让pack框架内的grid列宽均等分配？

软件版本信息 #

=> OS: macOS Catalina 10.15.7
=> IDE: PyCharm CE
=> Python version: 3.12.5
=> tkinter Tcl version: 8.6

需求 #

• 将一个Frame通过pack布局到窗口中
• Frame内用grid布局放置1个按钮和2个标签，排成1行3列
• Frame下方pack一个固定尺寸（width=500, height=500）的Canvas
• Frame内的grid列宽需均匀分配

已尝试但无效的方法 #

• 设置Frame宽度为500，与Canvas宽度一致
• 使用pack_propagate(0)阻止子组件影响Frame宽度
• 为grid布局的组件设置sticky属性（仅设置了W/E，未拉伸）
• 改用pack布局Frame内的组件并设置expand=True
• 为Frame的3列分别设置columnconfigure(n, weight=1)
• 调整Frame和Canvas的pack顺序
• 显示窗口前执行window.update()

替代可行方案（但不想使用） #

直接在窗口用grid布局所有元素：

• 第0行第0列：按钮
• 第0行第1列：label_1
• 第0行第2列：label_2
• 第1行第0列：Canvas，设置columnspan=3

希望保留Frame以便后续扩展，因此需要解决Frame内grid列无法填满宽度的问题。

问题代码 #

from tkinter import *

# check to see if we're in macOS
import platform
inMac = False   # global flag to check whether we're in macOS
if platform.system() == "Darwin":
    inMac = True
    print("Using macOS ...")
    from tkmacosx import Button


window = Tk()


frame = Frame(window, width=500)                # [NO HELP]: Setting frame attribute: width=500.
frame.pack()
#frame.grid(row=0,column=0)                     # [NO HELP]: Trying to put the frame and canvas in grid.
frame.pack_propagate(0)                         # [NO HELP]: Using Frame.pack_propagate(0) to stop child widgets
                                                #  from affecting the dimensions of the frame widget.

button = Button(frame, text="Button")
button.grid(row=0, column=0, sticky=W)          # [NO HELP]: Setting "sticky" attribute.
#button.pack(side=LEFT, fill="x", expand=True)  # [NO HELP]: Setting "expand" attribute with Button.pack().


label_1 = Label(frame, text="Whatever #1")
label_1.grid(row=0, column=1)
#label_1.pack(side=LEFT, fill="x", expand=True) # [NO HELP]: Setting "expand" attribute with Label.pack().

label_2 = Label(frame, text="Whatever #2")
label_2.grid(row=0, column=2, sticky=E)         # [NO HELP]: Setting "sticky" attribute.
#label_2.pack(side=LEFT, fill="x", expand=True) # [NO HELP]: Setting "expand" attribute with Button.pack().

frame.columnconfigure(0, weight=1)              # [NO HELP]: Setting equal weights for each column
frame.columnconfigure(1, weight=1)
frame.columnconfigure(2, weight=1)

canvas = Canvas(window, width=500, height=500)
#canvas.grid(row=1, column=0)                   # [NO HELP]: (As above) Trying to put the frame and canvas in grid.
canvas.pack()

# [NO HELP]: Update window before we display it
#window.update()


window.mainloop()

解决方案 #

核心问题有两个：

1. Frame通过pack()布局时，默认不会横向填满窗口（或应用设置的宽度），导致Frame实际宽度并没有达到500
2. 内部组件的sticky属性只设置了W/E，没有让组件拉伸填满所在的列，即使列配置了weight=1也无法体现

修改步骤如下：

1. 调整Frame的pack参数：给frame.pack()加上fill="x"，让Frame横向填满父窗口，加anchor="center"可确保Frame在窗口中居中（可选）
2. 修改组件的sticky属性：将按钮和标签的sticky设置为"EW"（东-西），这样组件会拉伸填满所在的网格列
3. 保留pack_propagate(0)和columnconfigure：这两个设置是正确的，前者防止子组件改变Frame大小，后者确保三列均匀分配宽度

修改后的代码：

from tkinter import *

import platform
inMac = False
if platform.system() == "Darwin":
    inMac = True
    print("Using macOS ...")
    from tkmacosx import Button


window = Tk()

# 调整Frame的pack参数，确保横向填满并固定宽度
frame = Frame(window, width=500)
frame.pack(fill="x", anchor="center")
frame.pack_propagate(0)

# 所有组件设置sticky="EW"，拉伸填满列宽
button = Button(frame, text="Button")
button.grid(row=0, column=0, sticky="EW")

label_1 = Label(frame, text="Whatever #1")
label_1.grid(row=0, column=1, sticky="EW")

label_2 = Label(frame, text="Whatever #2")
label_2.grid(row=0, column=2, sticky="EW")

# 保持列权重设置，确保三列均匀分配
frame.columnconfigure(0, weight=1)
frame.columnconfigure(1, weight=1)
frame.columnconfigure(2, weight=1)

canvas = Canvas(window, width=500, height=500)
canvas.pack(pady=(10,0))  # 加pady让Canvas和Frame之间有间隔（可选）

window.mainloop()

修改后，Frame内的三列会均匀分配宽度，组件填满各自的列，同时Frame和Canvas的宽度保持一致，满足需求。

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