Tkinter MVC应用切换页面后Frame空白问题求助

问题描述 #

基于MVC模式开发的Tkinter应用，主窗口包含两个Frame（页面选择区、页面展示区）。页面切换处理函数为cambiar_modeloFinal：

• 直接通过self.view.tmyButton绑定事件调用cambiar_pagina(4)时，页面4能正常显示；
• 通过self.regresionFinalV.tmyB触发cambiar_tmy函数，在执行self.model.calcular_tmy()后调用cambiar_pagina(4)并手动触发两个按钮事件，页面4会整体空白。

相关代码 #

页面切换处理函数 #

def cambiar_modeloFinal(self, id):
        self.regresionFinalV.modeloGHI.config(bg=inactiveColor, activebackground=backgroundColor)
        self.regresionFinalV.modeloTEMP.config(bg=inactiveColor, activebackground=backgroundColor)
        self.regresionFinalV.modeloAP.config(bg=inactiveColor, activebackground=backgroundColor)
        self.regresionFinalV.modeloRH.config(bg=inactiveColor, activebackground=backgroundColor)
        
        self.model.set_modeloFinal(self.regresionFinalV.variable, self.regresionFinalV.modeloSelected.get())  
        
        if(id == 1):
            self.regresionFinalV.variable = "GHI"
            print(self.model.get_finalGHI())
            self.regresionFinalV.modeloSelected.set(self.model.get_finalGHI())
            self.regresionFinalV.modelos = self.model.get_modelosGHI()
            self.regresionFinalV.rellenar_tabla()
            self.regresionFinalV.modeloGHI.config(bg= activeColor, activebackground=activeColor)

        elif(id == 2):
            self.regresionFinalV.variable = "TEMP"
            self.regresionFinalV.modeloSelected.set(self.model.get_finalTEMP())
            self.regresionFinalV.modelos = self.model.get_modelosTEMP()
            self.regresionFinalV.rellenar_tabla()
            self.regresionFinalV.modeloTEMP.config(bg= activeColor, activebackground=activeColor)

        elif(id==3):
            self.regresionFinalV.variable = "AP"
            self.regresionFinalV.modeloSelected.set(self.model.get_finalAP())
            self.regresionFinalV.modelos = self.model.get_modelosAP()
            self.regresionFinalV.rellenar_tabla()
            self.regresionFinalV.modeloAP.config(bg= activeColor, activebackground=activeColor)
        else:
            self.regresionFinalV.variable = "RH"
            self.regresionFinalV.modeloSelected.set(self.model.get_finalRH())
            self.regresionFinalV.modelos = self.model.get_modelosRH()
            self.regresionFinalV.rellenar_tabla()
            self.regresionFinalV.modeloRH.config(bg= activeColor, activebackground=activeColor) 

正常触发的按钮绑定 #

self.view.tmyButton.bind("<Button>", lambda event: self.cambiar_pagina(4)) 

异常触发的按钮绑定及处理函数 #

self.regresionFinalV.tmyB.bind("<Button>", lambda event: self.cambiar_tmy(event))

def cambiar_tmy(self, event):
        self.model.set_modeloFinal(self.regresionFinalV.variable, self.regresionFinalV.modeloSelected.get())  
        selected_value = self.regresionFinalV.dropboxP.get()
        if(self.model.isPosible_calcularTMY() == False):
            showwarning('Advertencia', 'Es necesario seleccionar un modelo para cada variable disponible.')
        elif selected_value == "":
            showwarning('Advertencia', 'Debe indicar el tipo de TMY que desea calcular.')
        else:
            options = ["P50", "P75", "P90", "P99"]
            index = options.index(selected_value)
            probs = [0, 0.25, 0.1, 0.01]
            selected_prob = probs[index]
            self.model.type_tmy = (selected_value, selected_prob)
            self.model.calcular_tmy()
            self.cambiar_pagina(4)
            self.view.regresionFinalButton.event_generate("<Button>")
            self.view.tmyButton.event_generate("<Button>")

        return 'break'

问题根源 #

1. 事件循环冲突：cambiar_tmy中调用cambiar_pagina(4)后立即用event_generate模拟按钮点击，会打乱Tkinter的事件调度顺序，导致页面4的渲染任务被中断或覆盖。
2. 重复逻辑执行：手动触发按钮事件会重复执行页面切换相关逻辑，多次修改Frame的显示状态，最终导致界面空白。

修复方案 #

步骤1：移除不必要的事件模拟 #

直接调用按钮绑定的处理函数，而非模拟点击事件，避免重复执行逻辑：

def cambiar_tmy(self, event):
        self.model.set_modeloFinal(self.regresionFinalV.variable, self.regresionFinalV.modeloSelected.get())  
        selected_value = self.regresionFinalV.dropboxP.get()
        if(self.model.isPosible_calcularTMY() == False):
            showwarning('Advertencia', 'Es necesario seleccionar un modelo para cada variable disponible.')
        elif selected_value == "":
            showwarning('Advertencia', 'Debe indicar el tipo de TMY que desea calcular.')
        else:
            options = ["P50", "P75", "P90", "P99"]
            index = options.index(selected_value)
            probs = [0, 0.25, 0.1, 0.01]
            selected_prob = probs[index]
            self.model.type_tmy = (selected_value, selected_prob)
            self.model.calcular_tmy()
            
            # 直接切换页面，无需模拟按钮点击
            self.cambiar_pagina(4)
            
            # 如果需要执行regresionFinalButton的逻辑，直接调用对应函数
            # 示例：假设regresionFinalButton绑定的是cambiar_modeloFinal(对应id)
            # self.cambiar_modeloFinal(对应id)

        return 'break'

步骤2：强制界面刷新 #

在页面切换后添加update_idletasks()，确保Tkinter完成所有渲染任务：

self.cambiar_pagina(4)
self.view.update_idletasks()  # 强制刷新界面

额外优化 #

• 检查cambiar_modeloFinal中的重复代码，可封装成通用函数减少冗余；
• 确保calcular_tmy()是同步执行的，若涉及耗时操作，需用after()或线程处理，避免阻塞事件循环。

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