使用tkraise()切换页面时Sign-up背景图不显示的问题求助

问题根源 #

你碰到的问题大概率是两个原因：

• 先创建的页面背景图对象被Python垃圾回收机制回收了（如果图片是局部变量的话）
• 两个页面的控件都直接放在根窗口里，后创建的控件覆盖了先创建的背景图

解决步骤 #

• 把每个页面做成独立的Frame容器，所有控件（包括背景图）都放在各自的Frame里，切换时只需要raise对应的Frame即可
• 把背景图对象存为页面类的实例属性，避免被垃圾回收

修正后的代码示例 #

假设你原来的代码大概是这样（错误示范）：

import tkinter as tk
from PIL import Image, ImageTk

root = tk.Tk()

# 先写Sign-up页面
signup_bg = Image.open("signup_bg.png")
signup_bg_img = ImageTk.PhotoImage(signup_bg)
signup_label = tk.Label(root, image=signup_bg_img)
signup_label.pack()
# 其他Sign-up控件...

# 后写Sign-in页面
signin_bg = Image.open("signin_bg.png")
signin_bg_img = ImageTk.PhotoImage(signin_bg)
signin_label = tk.Label(root, image=signin_bg_img)
signin_label.pack()
# 其他Sign-in控件...

# 切换函数
def switch_to_signup():
    signup_label.tkraise()

def switch_to_signin():
    signin_label.tkraise()

改成这样就可以解决：

import tkinter as tk
from PIL import Image, ImageTk

class SignUpFrame(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        # 把背景图存为实例属性，避免被回收
        self.bg_image = Image.open("signup_bg.png")
        self.bg_photo = ImageTk.PhotoImage(self.bg_image)
        self.bg_label = tk.Label(self, image=self.bg_photo)
        self.bg_label.place(x=0, y=0, relwidth=1, relheight=1)
        # 添加其他Sign-up控件，比如用户名输入框、注册按钮等
        tk.Button(self, text="切换到登录", command=self.master.switch_to_signin).pack(pady=20)

class SignInFrame(tk.Frame):
    def __init__(self, parent):
        super().__init__(parent)
        self.bg_image = Image.open("signin_bg.png")
        self.bg_photo = ImageTk.PhotoImage(self.bg_image)
        self.bg_label = tk.Label(self, image=self.bg_photo)
        self.bg_label.place(x=0, y=0, relwidth=1, relheight=1)
        # 添加其他Sign-in控件
        tk.Button(self, text="切换到注册", command=self.master.switch_to_signup).pack(pady=20)

class App(tk.Tk):
    def __init__(self):
        super().__init__()
        self.title("登录注册切换")
        self.geometry("800x600")
        
        # 创建两个页面Frame
        self.signup_frame = SignUpFrame(self)
        self.signin_frame = SignInFrame(self)
        
        # 把两个Frame都放到根窗口，默认显示其中一个
        self.signup_frame.place(x=0, y=0, relwidth=1, relheight=1)
        self.signin_frame.place(x=0, y=0, relwidth=1, relheight=1)
        # 默认显示注册页
        self.signup_frame.tkraise()
    
    def switch_to_signup(self):
        self.signup_frame.tkraise()
    
    def switch_to_signin(self):
        self.signin_frame.tkraise()

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

关键说明 #

• 每个页面的背景图对象（self.bg_image和self.bg_photo）都作为类的实例属性存在，不会被垃圾回收
• 每个页面的所有控件都在自己的Frame里，切换时只是把对应Frame提到最上层，不会互相覆盖

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