Tkinter调整帧大小后grid与pack方法失效，添加控件后布局异常求助

核心原因 #

Tkinter 中的 Frame 容器默认开启了尺寸自动适配特性：当你向 Frame 内部添加子控件并调用 pack/grid 方法布局时，Frame 会自动调整自身尺寸到刚好能容纳所有子控件的大小，你之前手动设置的宽高参数会被覆盖，因此出现布局错乱的问题。

修复步骤 #

1. 给每个 Frame 关闭对应布局管理器的自动适配特性：
   • 内部使用 pack 布局的顶部帧，调用 pack_propagate(False) 关闭自动适配
   • 内部使用 grid 布局的左侧、右侧帧，调用 grid_propagate(False) 关闭自动适配
2. 优化 Frame 的 pack 参数，添加 fill 配置让帧的初始填充更符合预期，配合 resize 事件逻辑运行更稳定。

完整修改后可运行代码 #

import tkinter as tk
import sys
import os

WIDTH, HEIGHT = 1366, 768  # Initial size of root window.

class InventorySystem:

    def __init__(self, root):
        self.root = root
        self.root.title("Inventory System")
        self.root.geometry(f'{WIDTH}x{HEIGHT}')
        self.width, self.height = WIDTH, HEIGHT  # Size of root window.
        self.create_frame()
    
    def create_frame(self):
        frame_width = self.width
        frame_height = self.height
    
        self.TopFrame = tk.Frame(self.root, width = frame_width, height = frame_height * 1/10, bg = "#f8f8fa", relief=tk.FLAT)
        self.TopFrame.pack(side = tk.TOP, fill=tk.X, expand = False) # 顶部帧只需要横向填充
        self.TopFrame.pack_propagate(False) # 关闭pack自动适配，内部用pack布局子控件
    
        self.RightFrame = tk.Frame(self.root, width = frame_width * 8/10, height = frame_height * 9/10, bg = "#e5e6eb", relief=tk.FLAT)
        self.RightFrame.pack(side = tk.RIGHT, fill=tk.BOTH, expand = True)
        self.RightFrame.grid_propagate(False) # 关闭grid自动适配，内部用grid布局子控件
    
        self.LeftFrame = tk.Frame(self.root, width = frame_width * 2/10, height = frame_height * 9/10, bg = "#e6fce4", relief=tk.FLAT)
        self.LeftFrame.pack(side = tk.LEFT, fill=tk.BOTH, expand = True)
        self.LeftFrame.grid_propagate(False) # 关闭grid自动适配，内部用grid布局子控件
    
        #### -> 原高亮部分代码可正常启用 <- #########################################################################################
        self.textbar = tk.Label(self.TopFrame, font = ('arial', 18, 'bold'), text = "Search by...", padx = 2, pady = 0, bg = "blue")
        self.textbar.pack()
    
        self.textbar1 = tk.Label(self.LeftFrame, font = ('arial', 18, 'bold'), text = "Search by...", padx = 2, pady = 0, bg = "blue")
        self.textbar1.grid(row=0, column=0) # 建议明确指定行号列号
    
        self.textbar2 = tk.Label(self.RightFrame, font = ('arial', 18, 'bold'), text = "Search by...", padx = 2, pady = 0, bg = "blue")
        self.textbar2.grid(row=0, column=0) # 建议明确指定行号列号
   
        #### -> 代码修改结束 <- ################################################################################################################
    
    def update_frame(self):
        frame_width = self.width
        frame_height = self.height
    
        self.TopFrame.config(width=frame_width, height=frame_height * 1/10)       
        self.RightFrame.config(width=frame_width * 8/10, height=frame_height * 9/10)        
        self.LeftFrame.config(width=frame_width * 2/10, height=frame_height * 9/10)
    
    def on_resize(self, event):
        """Root window size change event handler."""
        if event.widget.master is not None:  # Not the root window?
            return  # Ignore.
    
        width, height = root.winfo_width(), root.winfo_height()  # Current size.
    
        if width != self.width or height != self.height:  # Updated?
            self.width, self.height = width, height  # Track change.
            self.update_frame()
        
if __name__ == "__main__":
    root = tk.Tk()
    application = InventorySystem(root)
    root.bind('<Configure>', application.on_resize)  # Bind callback function to event.
    root.mainloop()

额外注意事项 #

如果需要左侧、右侧帧内部的 grid 布局控件也能跟随窗口尺寸同步拉伸，记得给对应帧的行和列设置权重，示例如下：

# 给左侧帧第0行、第0列设置权重，对应位置的控件会跟随帧拉伸
self.LeftFrame.grid_rowconfigure(0, weight=1)
self.LeftFrame.grid_columnconfigure(0, weight=1)

# 给右侧帧第0行、第0列设置权重
self.RightFrame.grid_rowconfigure(0, weight=1)
self.RightFrame.grid_columnconfigure(0, weight=1)

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