Tkinter中类式Frame页面切换的实现方法求助

问题说明 #

你当前的代码里，所有Frame实例化后直接调用pack(expand=True, fill="both")，导致多个Frame重叠显示在主窗口，只能靠注释实例化代码来单页展示，没法实现页面切换。核心原因是没有控制Frame的显示与隐藏逻辑。

下面是三种可行的解决方案：

方法1：用lift()/lower()控制层级 #

所有页面初始化时完成pack，切换时把目标Frame提升到顶层显示，其他Frame压到底层。这种方法无需反复销毁重建控件，效率较高。

修改后的完整代码：

import tkinter as tk
from tkinter import Button

class tkinterApp(tk.Tk): #Root Window
    def __init__(self):
        super().__init__()
        self.geometry("700x700")
        self.title('Wuiz')

        # 一次性初始化所有页面
        self.homepage = Homepage(self)
        self.weatherpage = Weatherpage(self)
        self.infopage = Infopage(self)

        # 默认显示首页
        self.show_page(self.homepage)

        self.mainloop()
    
    def show_page(self, page):
        # 将目标页面提升到顶层
        page.lift()

class Homepage(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        # 跳转按钮
        Button(self, text="进入天气页", command=lambda: parent.show_page(parent.weatherpage)).pack(pady=20)
        Button(self, text="进入信息页", command=lambda: parent.show_page(parent.infopage)).pack(pady=20)
        self.pack(expand=True, fill="both")

class Weatherpage(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        # 返回按钮绑定切换逻辑
        backbutton = Button(self, text="返回首页", fg="black", font=("Helvetica", 10), width=30,
                            command=lambda: parent.show_page(parent.homepage))
        backbutton.pack(side=tk.TOP, anchor=tk.NW)
        # 其他控件示例
        tk.Label(self, text="天气页面内容").pack(pady=50)
        self.pack(expand=True, fill="both")

class Infopage(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        backbutton = Button(self, text="返回首页", fg="black", font=("Helvetica", 10), width=30,
                            command=lambda: parent.show_page(parent.homepage))
        backbutton.pack(side=tk.TOP, anchor=tk.NW)
        # 其他控件示例
        tk.Label(self, text="信息页面内容").pack(pady=50)
        self.pack(expand=True, fill="both")

if __name__ == '__main__':
    tkinterApp()

方法2：用pack_forget()隐藏页面 #

切换时先隐藏当前显示的页面，再显示目标页面，需要记录当前活跃的页面。适合需要临时隐藏页面的场景。

修改后的主类核心代码：

class tkinterApp(tk.Tk): #Root Window
    def __init__(self):
        super().__init__()
        self.geometry("700x700")
        self.title('Wuiz')

        # 初始化所有页面（暂不pack）
        self.homepage = Homepage(self)
        self.weatherpage = Weatherpage(self)
        self.infopage = Infopage(self)

        self.current_page = None
        # 默认显示首页
        self.show_page(self.homepage)

        self.mainloop()
    
    def show_page(self, page):
        if self.current_page is not None:
            # 隐藏当前页面
            self.current_page.pack_forget()
        # 显示目标页面
        page.pack(expand=True, fill="both")
        self.current_page = page

页面类的按钮逻辑和方法1一致，直接调用parent.show_page()即可。

方法3：用容器Frame统一管理 #

创建一个专门的容器Frame作为所有页面的父容器，切换时统一隐藏容器内的所有页面，再显示目标页面，逻辑更规整，适合页面较多的场景。

完整代码示例：

import tkinter as tk
from tkinter import Button

class tkinterApp(tk.Tk): #Root Window
    def __init__(self):
        super().__init__()
        self.geometry("700x700")
        self.title('Wuiz')

        # 创建页面容器，所有页面都放在这里面
        self.page_container = tk.Frame(self)
        self.page_container.pack(expand=True, fill="both")

        # 用字典管理所有页面，方便按名称调用
        self.pages = {
            "home": Homepage(self.page_container, self),
            "weather": Weatherpage(self.page_container, self),
            "info": Infopage(self.page_container, self)
        }

        # 默认显示首页
        self.show_page("home")

        self.mainloop()
    
    def show_page(self, page_name):
        # 隐藏所有页面
        for page in self.pages.values():
            page.pack_forget()
        # 显示目标页面
        self.pages[page_name].pack(expand=True, fill="both")

class Homepage(tk.Frame):
    def __init__(self, parent, controller):
        super().__init__(parent)
        Button(self, text="进入天气页", command=lambda: controller.show_page("weather")).pack(pady=20)
        Button(self, text="进入信息页", command=lambda: controller.show_page("info")).pack(pady=20)

class Weatherpage(tk.Frame):
    def __init__(self, parent, controller):
        super().__init__(parent)
        backbutton = Button(self, text="返回首页", fg="black", font=("Helvetica", 10), width=30,
                            command=lambda: controller.show_page("home"))
        backbutton.pack(side=tk.TOP, anchor=tk.NW)
        tk.Label(self, text="天气页面内容").pack(pady=50)

class Infopage(tk.Frame):
    def __init__(self, parent, controller):
        super().__init__(parent)
        backbutton = Button(self, text="返回首页", fg="black", font=("Helvetica", 10), width=30,
                            command=lambda: controller.show_page("home"))
        backbutton.pack(side=tk.TOP, anchor=tk.NW)
        tk.Label(self, text="信息页面内容").pack(pady=50)

if __name__ == '__main__':
    tkinterApp()

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