使用Grid布局的Tkinter组件不显示，如何避免混用Grid与Pack？

问题根源 #

ttk.Frame作为容器组件，自身需要被父窗口的布局管理器处理才能显示。你之前在MainFrame内部调用self.pack()，导致同一类中同时出现了子组件用的grid和自身用的pack布局，违反了Tkinter的布局规范。

解决思路 #

把MainFrame自身的布局交给它的父容器（主窗口App）来处理，MainFrame内部只负责用grid布局子组件，彻底避免同一类内混用布局方法。

修改后的完整代码 #

#!/usr/bin/python3.9

import tkinter as tk
from tkinter import ttk


class MainFrame(ttk.Frame):
    def __init__(self, container):
        super().__init__(container)

        pad={'padx': 40, 'pady': 80}

        # 子按钮全部用grid布局
        login_button = ttk.Button(self, text="Login")
        login_button.grid(column=0, row=0, **pad)

        login_button = ttk.Button(self, text="Login")
        login_button.grid(column=1, row=0, **pad)

        login_button = ttk.Button(self, text="Login")
        login_button.grid(column=2, row=0, **pad)

        login_button = ttk.Button(self, text="Login")
        login_button.grid(column=3, row=0, **pad)

        # 移除原有的self.pack()，让父容器处理本Frame的布局

class App(tk.Tk):
    def __init__(self):
        super().__init__()

        self.geometry("1200x800")
        self.title('Login')
        self.resizable(0, 0)

if __name__ == "__main__":
    app = App()
    # 创建MainFrame实例后，由主窗口负责布局它
    main_frame = MainFrame(app)
    # 这里用pack示例，也可以根据需求换成grid/place
    main_frame.pack(fill=tk.BOTH, expand=True)
    app.mainloop()

关键修改说明 #

1. 删除MainFrame类中的self.pack()，确保该类内部仅使用grid管理子组件。
2. 在主程序中，创建MainFrame实例后调用pack()（或grid()），让主窗口负责管理MainFrame的显示，完全分离了容器自身和子组件的布局逻辑。
3. 添加fill=tk.BOTH, expand=True参数可以让MainFrame铺满整个主窗口，你可以根据实际需求调整布局参数。

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