Tkinter中grid/pack管理器实现按钮与输入框对齐问题求助

我正在学习Tkinter，在使用pack和grid几何管理器时遇到了难题。如图所示，无法通过grid将两个按钮与输入框对齐，希望能获得相关解决指导。

当前代码 #

# Formulário cadastrar
style.configure("TFrame")
frm_principal = ttk.Frame(frm_save, style="TFrame")
frm_principal.pack()


lb_english = ttk.Label(frm_principal, text="English", width=15, anchor="e", padding=(10, 0))
lb_english.grid(row=0, column=0, pady=5)
entry_english = ttk.Entry(frm_principal)
entry_english.grid(row=0, column=1, pady=5)


lb_portuguese = ttk.Label(frm_principal, text="Portuguese", width=15, anchor="e", padding=(10, 0))
lb_portuguese.grid(row=1, column=0, pady=5)
entry_portuguese = ttk.Entry(frm_principal)
entry_portuguese.grid(row=1, column=1, pady=5)

frm2 = ttk.Frame(frm_save)
frm2.pack()
bt_save = ttk.Button(frm2, text="Save", command=cadastrar)
bt_save.grid(row=2, column=0, sticky="w", )
bt_cancelar = ttk.Button(frm2, text="Cancelar", command=limpar_entry)
bt_cancelar.grid(row=2, column=1, sticky="e")

问题原因 #

按钮和输入框分别放在两个独立框架frm_principal和frm2中，两个框架默认用pack()居中排列，宽度不匹配；同时frm2的grid布局未与上方输入框的列宽规则对齐，导致按钮无法和输入框对齐。

解决方法 #

方案一：将按钮放入同一主框架

直接把按钮放到frm_principal中，和输入框共用一套grid布局，自然实现对齐：

# Formulário cadastrar
style.configure("TFrame")
frm_principal = ttk.Frame(frm_save, style="TFrame")
frm_principal.pack()


lb_english = ttk.Label(frm_principal, text="English", width=15, anchor="e", padding=(10, 0))
lb_english.grid(row=0, column=0, pady=5)
entry_english = ttk.Entry(frm_principal)
entry_english.grid(row=0, column=1, pady=5, sticky="ew")


lb_portuguese = ttk.Label(frm_principal, text="Portuguese", width=15, anchor="e", padding=(10, 0))
lb_portuguese.grid(row=1, column=0, pady=5)
entry_portuguese = ttk.Entry(frm_principal)
entry_portuguese.grid(row=1, column=1, pady=5, sticky="ew")

# 按钮放在主框架第2行，与输入框列对齐
bt_save = ttk.Button(frm_principal, text="Save", command=cadastrar)
bt_save.grid(row=2, column=0, sticky="w", pady=5)
bt_cancelar = ttk.Button(frm_principal, text="Cancelar", command=limpar_entry)
bt_cancelar.grid(row=2, column=1, sticky="e", pady=5)

# 设置输入框所在列自动填充剩余宽度，适配窗口大小
frm_principal.columnconfigure(1, weight=1)

方案二：统一两个框架的布局规则

若要保留两个独立框架，需让frm2与frm_principal宽度匹配，并设置相同的列扩展规则：

# Formulário cadastrar
style.configure("TFrame")
frm_principal = ttk.Frame(frm_save, style="TFrame")
# 让主框架填充父容器宽度
frm_principal.pack(fill="x", padx=5)


lb_english = ttk.Label(frm_principal, text="English", width=15, anchor="e", padding=(10, 0))
lb_english.grid(row=0, column=0, pady=5)
entry_english = ttk.Entry(frm_principal)
entry_english.grid(row=0, column=1, pady=5, sticky="ew")


lb_portuguese = ttk.Label(frm_principal, text="Portuguese", width=15, anchor="e", padding=(10, 0))
lb_portuguese.grid(row=1, column=0, pady=5)
entry_portuguese = ttk.Entry(frm_principal)
entry_portuguese.grid(row=1, column=1, pady=5, sticky="ew")

# 主框架列扩展规则
frm_principal.columnconfigure(1, weight=1)

frm2 = ttk.Frame(frm_save)
# 让按钮框架与主框架宽度一致
frm2.pack(fill="x", padx=5)
bt_save = ttk.Button(frm2, text="Save", command=cadastrar)
bt_save.grid(row=0, column=0, sticky="w", pady=5)
bt_cancelar = ttk.Button(frm2, text="Cancelar", command=limpar_entry)
bt_cancelar.grid(row=0, column=1, sticky="e", pady=5)

# 按钮框架设置相同的列扩展规则
frm2.columnconfigure(1, weight=1)

关键要点 #

• 同一父容器内尽量避免混合pack和grid，但不同子框架间混用是可行的，核心是保证子框架的布局规则匹配
• 使用columnconfigure(列索引, weight=1)可让指定列自动填充剩余空间，适配窗口大小变化
• 控件添加sticky="ew"参数，可让控件填充所在列的宽度，维持对齐效果

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