如何在Tkinter单个窗口中实现多页面切换？

要实现同一窗口内的页面切换，核心是用Frame作为每个页面的容器，通过控制Frame的显示/隐藏来完成页面切换。下面是基于你现有代码的修改方案：

实现步骤 #

• 将初始欢迎页、注册页、登录页分别封装为独立的Frame子类
• 在主UI类中初始化所有页面，提供统一的页面切换方法
• 给注册/登录按钮绑定对应的页面切换逻辑

修改后的完整代码 #

from tkinter import *
from PIL import Image, ImageTk 
import sqlite3

# 连接数据库（原代码保留）
database_conn=sqlite3.connect('flashcard_data.db')
database_cursor=database_conn.cursor()

program_root=Tk()

# 初始欢迎页面
class WelcomeFrame(Frame):
    def __init__(self, parent, controller):
        Frame.__init__(self, parent)
        self.controller = controller
        
        # 页面元素（复用你原有的布局）
        self.program_title=Label(self, text="Flashcard Program", fg='#173A59', font=("Franklin Gothic Medium", 70))
        self.program_title.place(relx=0.5, rely=0.1, anchor='center')
        
        # 注册按钮，绑定切换到注册页的方法
        self.program_register_button=Button(self, text="Register", fg='#173A59', font=("Franklin Gothic Medium", 20),
                                           command=lambda: controller.show_frame(RegisterFrame))
        self.program_register_button.place(relx=0.5, rely=0.45, width=500, height=75, anchor='center')
        
        # 登录按钮，绑定切换到登录页的方法
        self.program_login_button=Button(self, text="Log in", fg='#173A59', font=("Franklin Gothic Medium", 20),
                                        command=lambda: controller.show_frame(LoginFrame))
        self.program_login_button.place(relx=0.5, rely=0.65, width=500, height=75, anchor='center')

# 注册页面
class RegisterFrame(Frame):
    def __init__(self, parent, controller):
        Frame.__init__(self, parent)
        self.controller = controller
        
        # 这里填充注册页的元素，比如用户名、密码输入框等
        Label(self, text="注册页面", font=("Franklin Gothic Medium", 40)).place(relx=0.5, rely=0.1, anchor='center')
        
        # 返回欢迎页按钮
        Button(self, text="返回首页", command=lambda: controller.show_frame(WelcomeFrame)).place(relx=0.1, rely=0.1)

# 登录页面
class LoginFrame(Frame):
    def __init__(self, parent, controller):
        Frame.__init__(self, parent)
        self.controller = controller
        
        # 这里填充登录页的元素
        Label(self, text="登录页面", font=("Franklin Gothic Medium", 40)).place(relx=0.5, rely=0.1, anchor='center')
        
        # 返回欢迎页按钮
        Button(self, text="返回首页", command=lambda: controller.show_frame(WelcomeFrame)).place(relx=0.1, rely=0.1)

# 主UI管理类
class ProgramUI:
    def __init__(self, program_window):
        self.program_window=program_window
        self.program_window.title('Flashcard Program')
        self.program_window.iconbitmap('flashcard_program_icon.ico')
        self.program_window.geometry('1248x702')
        
        # 创建容器，用来承载所有页面Frame
        container = Frame(self.program_window)
        container.pack(side="top", fill="both", expand=True)
        container.grid_rowconfigure(0, weight=1)
        container.grid_columnconfigure(0, weight=1)
        
        # 存储所有页面
        self.frames = {}
        for F in (WelcomeFrame, RegisterFrame, LoginFrame):
            page_name = F.__name__
            frame = F(parent=container, controller=self)
            self.frames[page_name] = frame
            
            # 所有页面都放在同一个网格位置，默认隐藏
            frame.grid(row=0, column=0, sticky="nsew")
        
        # 初始显示欢迎页
        self.show_frame(WelcomeFrame)
    
    # 页面切换方法：隐藏所有Frame，显示目标Frame
    def show_frame(self, cont):
        frame_name = cont.__name__
        frame = self.frames[frame_name]
        frame.tkraise()  # 将目标Frame置于顶层显示

# 启动程序
ProgramUI(program_root)
program_root.mainloop()

关键部分说明 #

1. 页面封装：每个页面都是Frame的子类，内部负责构建自己的UI元素，同时持有主控制器的引用，方便调用切换方法。
2. 容器布局：用一个主container Frame来承载所有页面，所有页面都放在grid(row=0, column=0)的位置，通过tkraise()来切换显示层级。
3. 切换逻辑：show_frame方法负责将目标页面提升到顶层，实现页面切换效果，按钮通过lambda表达式传递目标页面类来触发切换。

你可以根据自己的设计图，在RegisterFrame和LoginFrame中添加对应的输入框、按钮等元素即可。

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