Tkinter Pack布局异常：如何实现预期的元素排列效果？

原代码的问题在于第三个元素仅设置了expand=True和side=tb.BOTTOM，但未配置fill=tb.BOTH，且前两个按钮的布局未与下方元素做区域隔离，导致无法填满剩余的X轴和Y轴空间。以下是两种常规解决方案：

方案一：使用框架分组顶部元素 #

通过框架将两个按钮包裹，明确分隔顶部按钮区域与下方填充区域，布局更清晰可控：

import ttkbootstrap as tb

class App(tb.Window):
    def __init__(self):
        super().__init__(themename="superhero")
        self.title('test layout')
        self.geometry('800x600')
        
        # 创建顶部框架，仅占据顶部水平区域
        top_frame = tb.Frame(self)
        top_frame.pack(side=tb.TOP, fill=tb.X, pady=(10, 0))
        
        # 按钮放在顶部框架内，左对齐
        tb.Button(top_frame, text='first').pack(padx=10, pady=10, side=tb.LEFT)
        tb.Button(top_frame, text='second').pack(padx=10, pady=10, side=tb.LEFT)
        
        # 下方标签填满剩余所有空间
        tb.Label(self, text="filled", borderwidth=2, relief="groove").pack(
            side=tb.BOTTOM, fill=tb.BOTH, expand=True, padx=10, pady=(0,10)
        )

if __name__ == "__main__":
    app = App()
    app.mainloop()

方案二：调整pack顺序与参数 #

利用pack布局的顺序特性，先放置需要占据大空间的下方元素，再放置顶部按钮：

import ttkbootstrap as tb

class App(tb.Window):
    def __init__(self):
        super().__init__(themename="superhero")
        self.title('test layout')
        self.geometry('800x600')
        
        # 先放置下方填充标签，设置fill=BOTH和expand=True占据剩余空间
        fill_label = tb.Label(self, text="filled", borderwidth=2, relief="groove")
        fill_label.pack(side=tb.BOTTOM, fill=tb.BOTH, expand=True, padx=10, pady=(0,10))
        
        # 再放置顶部按钮，自动排在标签上方的左侧
        tb.Button(self, text='first').pack(padx=10, pady=10, side=tb.LEFT)
        tb.Button(self, text='second').pack(padx=10, pady=10, side=tb.LEFT)

if __name__ == "__main__":
    app = App()
    app.mainloop()

关键要点 #

• 要让元素填满剩余空间，必须同时设置fill=tb.BOTH（填充X、Y轴）和expand=True（扩展至可用空间）
• 框架分组是复杂布局中常用的方式，能避免不同区域元素的布局干扰
• pack布局的元素添加顺序会影响最终排列效果，合理调整顺序可简化布局逻辑

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