在 tkinter 中的两个帧之间切换？

Question

正如教程向我展示的那样，我已经构建了我的前几个脚本，上面有一个漂亮的小 GUI，但它们都没有说明如何为更复杂的程序做些什么。

如果您有一个带有“开始菜单”的东西，对于您的开始屏幕，并且在用户选择时您移动到程序的不同部分并适当地重新绘制屏幕，那么这样做的优雅方式是什么？

是否只是 .destroy() “开始菜单”框架，然后创建一个新的充满小部件的另一部分？当他们按下后退按钮时反转这个过程？

原文由 Max Tilley 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

一种方法是将框架堆叠在一起，然后您只需按堆叠顺序将一个框架放在另一个框架之上即可。最上面的那个将是可见的。如果所有框架的尺寸都相同，这种方法效果最好，但只需稍加工作，您就可以让它适用于任何尺寸的框架。

注意：要使其正常工作，一个页面的所有小部件都必须具有该页面（即： self ）或作为父级（或主控，取决于您喜欢的术语）的后代。

这里有一些人为的例子来向您展示一般概念：

 try:
    import tkinter as tk                # python 3
    from tkinter import font as tkfont  # python 3
except ImportError:
    import Tkinter as tk     # python 2
    import tkFont as tkfont  # python 2

class SampleApp(tk.Tk):

    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)

        self.title_font = tkfont.Font(family='Helvetica', size=18, weight="bold", slant="italic")

        # the container is where we'll stack a bunch of frames
        # on top of each other, then the one we want visible
        # will be raised above the others
        container = tk.Frame(self)
        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 (StartPage, PageOne, PageTwo):
            page_name = F.__name__
            frame = F(parent=container, controller=self)
            self.frames[page_name] = frame

            # put all of the pages in the same location;
            # the one on the top of the stacking order
            # will be the one that is visible.
            frame.grid(row=0, column=0, sticky="nsew")

        self.show_frame("StartPage")

    def show_frame(self, page_name):
        '''Show a frame for the given page name'''
        frame = self.frames[page_name]
        frame.tkraise()

class StartPage(tk.Frame):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        label = tk.Label(self, text="This is the start page", font=controller.title_font)
        label.pack(side="top", fill="x", pady=10)

        button1 = tk.Button(self, text="Go to Page One",
                            command=lambda: controller.show_frame("PageOne"))
        button2 = tk.Button(self, text="Go to Page Two",
                            command=lambda: controller.show_frame("PageTwo"))
        button1.pack()
        button2.pack()

class PageOne(tk.Frame):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        label = tk.Label(self, text="This is page 1", font=controller.title_font)
        label.pack(side="top", fill="x", pady=10)
        button = tk.Button(self, text="Go to the start page",
                           command=lambda: controller.show_frame("StartPage"))
        button.pack()

class PageTwo(tk.Frame):

    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        label = tk.Label(self, text="This is page 2", font=controller.title_font)
        label.pack(side="top", fill="x", pady=10)
        button = tk.Button(self, text="Go to the start page",
                           command=lambda: controller.show_frame("StartPage"))
        button.pack()

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

如果你觉得在一个类中创建实例的概念令人困惑，或者不同的页面在构建时需要不同的参数，你可以显式地分别调用每个类。循环主要是为了说明每个类都是相同的。

例如，要单独创建类，您可以删除循环（ for F in (StartPage, ...) 与此：

 self.frames["StartPage"] = StartPage(parent=container, controller=self)
self.frames["PageOne"] = PageOne(parent=container, controller=self)
self.frames["PageTwo"] = PageTwo(parent=container, controller=self)

self.frames["StartPage"].grid(row=0, column=0, sticky="nsew")
self.frames["PageOne"].grid(row=0, column=0, sticky="nsew")
self.frames["PageTwo"].grid(row=0, column=0, sticky="nsew")

---

随着时间的推移，人们开始使用此代码（或复制此代码的在线教程）提出其他问题。您可能想阅读这些问题的答案：

• 了解 Tkinter init 中的父级和控制器
• Tkinter！了解如何切换帧
• 如何从类中获取变量数据
• 从 Tkinter Frame 调用函数到另一个
• 如何访问 tkinter 中不同类的变量？
• 我将如何制作一个每次在 tkinter 中显示帧时运行的方法
• Tkinter 框架调整大小
• Tkinter 有单独文件中页面的代码
• 按下按钮时刷新 tkinter 框架

原文由 Bryan Oakley 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 2

这是另一个简单的答案，但没有使用类。

 from tkinter import *

def raise_frame(frame):
    frame.tkraise()

root = Tk()

f1 = Frame(root)
f2 = Frame(root)
f3 = Frame(root)
f4 = Frame(root)

for frame in (f1, f2, f3, f4):
    frame.grid(row=0, column=0, sticky='news')

Button(f1, text='Go to frame 2', command=lambda:raise_frame(f2)).pack()
Label(f1, text='FRAME 1').pack()

Label(f2, text='FRAME 2').pack()
Button(f2, text='Go to frame 3', command=lambda:raise_frame(f3)).pack()

Label(f3, text='FRAME 3').pack(side='left')
Button(f3, text='Go to frame 4', command=lambda:raise_frame(f4)).pack(side='left')

Label(f4, text='FRAME 4').pack()
Button(f4, text='Goto to frame 1', command=lambda:raise_frame(f1)).pack()

raise_frame(f1)
root.mainloop()

原文由 recobayu 发布，翻译遵循 CC BY-SA 3.0 许可协议