Tkinter多页面框架中如何实现页面间数据更新与显示？

我在开发Tkinter多页面应用时碰到了个数据同步的问题：

• 我在App控制器里用字典存了tk.StringVar类型的building数据
• PageOne页面的输入框已经和这个变量绑定，能正常接收用户输入的建筑名称
• 但切换到PageTwo页面后，绑定数据的标签只显示“Building:”，用户输入的内容完全出不来

相关代码如下：

控制器代码 #

class App(tk.Tk):
    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)
        self.app_data = {"building": tk.StringVar()}
        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):
            frame = F(container, self)
            self.frames[F] = frame
            frame.grid(row=0, column=0, sticky="nsew")
        self.show_frame(StartPage)
    def show_frame(self, cont):
        frame = self.frames[cont]
        frame.tkraise()

PageOne代码 #

class PageOne(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        # Building输入区域
        bldg_label = ttk.Label(self, text="Building Name (ie. ACAD):", font=LARGE_FONT)
        bldg_label.grid(row=0, column=0, padx=2, pady = 10)
        self.bldg_entry =ttk.Entry(self,width = 6, textvariable = self.controller.app_data["building"])
        self.bldg_entry.grid(row=0, column=1, padx=2, pady=10)
        button1 = ttk.Button(self, text="next", command = lambda: controller.show_frame(PageTwo))
        button1.grid(row = 1, column = 0)

PageTwo代码 #

class PageTwo(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        bldg = self.controller.app_data["building"].get()
        bldg_label = ttk.Label(self, text = "Building: " + str(bldg), font=LARGE_FONT)
        bldg_label.grid(row = 0, column =0)
        button1 = ttk.Button(self, text="Back to Home", command=lambda: controller.show_frame(StartPage))
        button1.grid(row = 1, column =0)

问题出在哪？ #

你现在的PageTwo代码是在初始化的时候只拿了一次StringVar的值，之后用户在PageOne输入新内容，PageTwo的标签根本不会知道——因为标签的文本是初始化时就固定死的静态字符串，和building变量没有动态绑定的关系。

方法1：直接把标签和StringVar绑定（推荐） #

我们可以给标签也绑定一个变量，然后用trace方法监听building变量的变化，实时更新标签的文本。这样用户在PageOne输入的时候，标签内容会同步变化：

修改后的PageTwo代码：

class PageTwo(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        # 专门给标签搞个StringVar用来存显示的文本
        self.label_display_var = tk.StringVar()
        # 先初始化一次标签内容
        self.refresh_label_text()
        # 把标签和这个变量绑定
        self.bldg_label = ttk.Label(self, textvariable=self.label_display_var, font=LARGE_FONT)
        self.bldg_label.grid(row=0, column=0)
        # 给controller里的building变量加个监听，值一变就更新标签
        self.controller.app_data["building"].trace_add("write", self.refresh_label_text)
        
        button1 = ttk.Button(self, text="Back to Home", command=lambda: controller.show_frame(StartPage))
        button1.grid(row=1, column=0)
    
    def refresh_label_text(self, *args):
        # 拿到最新的building值，更新标签显示
        current_building = self.controller.app_data["building"].get()
        self.label_display_var.set(f"Building: {current_building}")

方法2：切换到PageTwo时再更新标签文本 #

要是你不需要实时更新，只想在用户切到PageTwo的时候才显示最新内容，可以修改App的页面切换方法，触发标签更新：

首先修改PageTwo，把标签存成实例属性，方便后续修改：

class PageTwo(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)
        self.controller = controller
        # 先初始化标签，显示默认文本
        self.bldg_label = ttk.Label(self, text="Building: ", font=LARGE_FONT)
        self.bldg_label.grid(row=0, column=0)
        button1 = ttk.Button(self, text="Back to Home", command=lambda: controller.show_frame(StartPage))
        button1.grid(row=1, column=0)
    
    def update_bldg_label(self):
        # 更新标签的文本内容
        latest_building = self.controller.app_data["building"].get()
        self.bldg_label.config(text=f"Building: {latest_building}")

然后修改App的show_frame方法，切到PageTwo的时候调用更新方法：

def show_frame(self, cont):
    frame = self.frames[cont]
    # 如果要显示的是PageTwo，就触发标签更新
    if cont == PageTwo:
        frame.update_bldg_label()
    frame.tkraise()

两种方法怎么选？ #

• 方法1适合需要实时反馈的场景：用户在PageOne输入时，哪怕PageTwo同时显示（比如多窗口布局），内容也会同步变。
• 方法2更轻量，只有在用户切换到PageTwo的时候才更新，适合只需要在进入页面时展示最新数据的场景。

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