tkinter中pack()替换为place()后界面空白问题求助

核心问题分析 #

你的代码里存在几个导致界面空白的关键问题：

• 混用布局管理器：在gift_wrapping_tool类中，对每个页面frame同时调用了frame.place(width=500, height=500)和frame.grid(row=0,column=0,sticky="nsew")。tkinter的规则是一个组件只能使用一种布局管理器，混用会导致布局逻辑冲突，组件无法正确渲染。
• 主窗口未设置尺寸：主窗口继承自tk.Tk但未指定初始大小，container虽用place设置了500x500，但主窗口默认会收缩到最小，导致container被隐藏。
• 无效Canvas组件：每个页面里的canvas.place(x=500,y=500)位置超出了500x500的frame边界，完全不可见，属于冗余代码。

修复后的完整代码 #

import tkinter as tk
from tkinter import ttk


class gift_wrapping_tool(tk.Tk):
    def __init__ (self,*args,**kwargs):
        tk.Tk.__init__(self,*args,**kwargs)
        # 设置主窗口固定尺寸
        self.geometry("500x500")
        self.resizable(False, False)
        
        container = tk.Frame(self, bg="#222448")
        # 让container占满主窗口
        container.place(x=0, y=0, width=500, height=500)
        
        self.frames = {}
        
        for F in (FirstPage, PageOne, PageTwo, PageThree):
            frame = F(container, self)
            self.frames[F] = frame
            # 仅用place让所有页面重叠在同一位置
            frame.place(x=0, y=0, width=500, height=500)
        
        self.show_frame(FirstPage)
    
    def show_frame(self,cont):
        frame = self.frames[cont]
        frame.tkraise()


class FirstPage (tk.Frame):
    def __init__(self,parent,controller):
        tk.Frame.__init__(self,parent,bg="#222448")
        label = ttk.Label(self,text=" Enter dimensions page:",foreground="light cyan", background="#222448")
        label.place(x=10,y=10)
        
        var1 = tk.StringVar(self) 
        radiobtn1= tk.Radiobutton(self, text="Cuboid", variable=var1, value="Cuboid",bg='light cyan',width=10)
        radiobtn1.place(x=10,y=320)
        
        radiobtn2= tk.Radiobutton(self, text="Cube", variable=var1, value="Cube",bg='light cyan',width=10)
        radiobtn2.place(x=10,y=350) 
        
        radiobtn3= tk.Radiobutton(self, text="Cylinder", variable=var1, value="Cylinder",bg='light cyan',width=10)
        radiobtn3.place(x=10,y=370)
        
        labela= ttk.Label(self, text="Select shape:",background='#222448',foreground='light cyan',width=13)
        labela.place(x=10,y=300)
        
        button1= tk.Button(self,text="Next", bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(PageOne))
        button1.place(x=400,y=400)


class PageOne(tk.Frame):
    def __init__ (self, parent, controller):
        tk.Frame.__init__(self,parent,bg="#222448")
        label = ttk.Label(self,text="Select pattern page:",foreground="light cyan", background="#222448")
        label.place(x=10,y=10)
        
        button2= tk.Button(self,text="Back",bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(FirstPage))
        button2.place(x=10,y=400)
        
        button2a= tk.Button(self,text="Next to booking",bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(PageTwo))
        button2a.place(x=400,y=400)


class PageTwo(tk.Frame):
    def __init__ (self, parent, controller):
        tk.Frame.__init__(self,parent,bg="#222448")
        label = ttk.Label(self,text="Select booking slots page:",foreground="light cyan", background="#222448")
        label.place(x=10,y=10)
        
        button3= tk.Button(self,text="Back to first page" ,bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(FirstPage))
        button3.place(x=10,y=400)
        
        button4= tk.Button(self,text="Back to pattern",bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(PageOne))
        button4.place(x=10,y=380)
        
        button4a= tk.Button(self,text="Next to cost",bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(PageThree))
        button4a.place(x=400,y=400)


class PageThree(tk.Frame):
    def __init__ (self, parent, controller):
        tk.Frame.__init__(self,parent,bg="#222448")
        label = ttk.Label(self,text="Cost calculation:",foreground="light cyan", background="#222448")
        label.place(x=10,y=10)
        
        button5= tk.Button(self,text="Back to booking",bg="#54527E", fg='light cyan',command= lambda: controller.show_frame(PageTwo))
        button5.place(x=10,y=400)


app= gift_wrapping_tool()
app.mainloop()

关键修复点说明 #

• 移除布局冲突：删除每个frame的grid调用，仅保留place(x=0, y=0, width=500, height=500)，让所有页面重叠在同一位置，通过tkraise()切换显示。
• 固定主窗口尺寸：添加self.geometry("500x500")和self.resizable(False, False)，确保主窗口能完整显示container内容。
• 删除冗余组件：移除每个页面中位置无效的Canvas组件，避免不必要的资源占用。

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