如何让Tkinter全屏窗口在不同屏幕尺寸下正常显示

我正在开发一款Tkinter应用，需要适配笔记本、台式机等不同屏幕尺寸，计划用grid和pack管理组件，最终生成.exe文件。目前遇到两个核心问题：

• 即便用grid布局，程序在笔记本上仍无法正常显示
• 需要正确显示矩形并合理管理组件间距
  另外听说place布局生成的.exe可能无法跨屏幕适配，但place实现需求更简单，想确认这个说法并解决现有问题。

问题根源分析 #

• 原代码直接用winfo_screenwidth()/winfo_screenheight()固定canvas尺寸，且矩形/线条用了绝对坐标（如914、652），导致不同分辨率屏幕上布局错位
• 混合pack/place/grid时未配置容器权重，组件无法随窗口缩放
• 关于place的误解：只要用相对坐标（relx/rely/relwidth/relheight）而非绝对坐标，place完全可以适配跨屏幕，生成的.exe也不会有问题

具体修复步骤 #

1. 统一布局逻辑，配置容器权重

   • 给需要缩放的容器添加grid_rowconfigure/grid_columnconfigure，设置weight=1让组件随窗口自适应
   • 避免固定组件宽高，改用fill和expand属性控制缩放

2. Canvas与图形适配

   • Canvas尺寸随父容器缩放，不要绑定屏幕分辨率的固定比例
   • 绘制图形时用Canvas实时尺寸（winfo_width()/winfo_height()）替代固定坐标
   • 给Canvas绑定<Configure>事件，窗口缩放时自动重绘图形

3. Toolbar布局优化

   • Toolbar中用place(relx=0.5, rely=0.5)实现label居中是合理的，确保Toolbar本身填充窗口宽度即可
   • 按钮用pack(side="right")保持原有逻辑，注意组件顺序

修改后的完整代码 #

import tkinter as tk
from tkmacosx import Button

class Window(tk.Tk):
    def __init__(self,*args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)
        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):
            frame = F(container, self)
            self.frames[F] = frame
            frame.grid(row=0, column=0, sticky="nsew")
        self.show_frame(StartPage)
        self.attributes("-topmost", False)
        self.wm_state('zoomed')

    def show_frame(self, cont):
        frame = self.frames[cont]
        frame.tkraise()

class StartPage(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self,parent,bg='#192232') 
        # 按钮居中并随窗口缩放
        button = Button(self, text="Analysis",command=lambda: controller.show_frame(PageOne))
        button.pack(expand=True)
        
class PageOne(tk.Frame):
    def __init__(self,parent, controller):
        tk.Frame.__init__(self, parent,bg='#192232')
        # 配置主Frame权重，让子组件可缩放
        self.grid_rowconfigure(1, weight=1)
        self.grid_columnconfigure(1, weight=1)
        
        toolbar1 = tk.Frame(self,bg="#393951")
        toolbar1.pack(side=tk.TOP, fill=tk.X)
        # 配置Toolbar权重，保证label居中
        toolbar1.grid_rowconfigure(0, weight=1)
        toolbar1.grid_columnconfigure(0, weight=1)
        
        label = tk.Label(toolbar1, text="Analysis")
        # 相对坐标居中，适配所有屏幕
        label.place(relx=0.5, rely=0.5, anchor="center")
        
        exit_btn = Button(toolbar1, text="EXIT",command=lambda: controller.destroy())
        exit_btn.pack(side="right", padx=5, pady=5)
        
        button1 = Button(toolbar1, text="Home",command=lambda: controller.show_frame(StartPage))
        button1.pack(side="right", padx=5, pady=5)
        
        # 左侧文件列表区域
        frame = tk.Frame(self, bg='#192232')
        frame.pack(side="left", padx=5, pady=5, fill="y")
        # 配置列表区域网格权重
        frame.grid_rowconfigure(1, weight=1)
        frame.grid_columnconfigure(0, weight=1)
        
        files_label = tk.Label(frame,text="Spectrum Files",bg='#192232', fg= '#C4BDED',font=16)
        files_label.grid(row=0, column=0, sticky="w", pady=5)
        
        scrollbarx = tk.Scrollbar(frame, orient=tk.HORIZONTAL)
        scrollbarx.grid(row=2, column=0, sticky="ew")
        
        listb = tk.Listbox(frame, selectmode = "multiple",bd=3,bg='#8c92ac',selectbackground='#6082b6')
        # 移除固定宽高，随父容器缩放
        listb.grid(row=1, column=0, sticky="nsew")
        scrollbarx.config(command=listb.xview)
        listb.config(xscrollcommand=scrollbarx.set)
    
        # 右侧画布区域
        frame1 = tk.Frame(self, bg='#192232')
        frame1.pack(side="left", padx=5, pady=5, fill="both", expand=True)
        # 配置画布区域网格权重
        frame1.grid_rowconfigure(1, weight=3)
        frame1.grid_rowconfigure(2, weight=2)
        frame1.grid_columnconfigure(1, weight=1)
        
        canvas0 = tk.Canvas(frame1,background="#192232",highlightthickness=0)
        canvas0.grid(row=1, column=1, sticky="nsew", pady=3)
        # 绑定配置事件，窗口缩放时重绘
        canvas0.bind("<Configure>", lambda e: self.draw_rectangle(canvas0))
        
        canvas3 = tk.Canvas(frame1,background="#192232",highlightthickness=0)
        canvas3.grid(row=2, column=1, sticky="nsew", pady=3)
        canvas3.bind("<Configure>", lambda e: self.draw_small_canvas(canvas3))
          
    def draw_rectangle(self, canvas):
        # 清空画布后用实时尺寸重绘
        canvas.delete("all")
        w = canvas.winfo_width()
        h = canvas.winfo_height()
        canvas.create_rectangle(5, h-5, w-5, 5, outline="#8c92ac", fill="#192232", width=2)
        
    def draw_small_canvas(self, canvas):
        canvas.delete("all")
        w = canvas.winfo_width()
        h = canvas.winfo_height()
        canvas.create_rectangle(5, h-5, w-5, 5, outline="#8c92ac", fill="#192232", width=2)
        # 按画布宽度比例绘制线段
        line_length = w * 0.4
        canvas.create_line(15, 20, 15+line_length, 20, fill="#8c92ac", width=2)
        canvas.create_line(15+line_length+13, 20, 15+line_length*2+13, 20, fill="#8c92ac", width=2)

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

关键优化点说明 #

• 移除所有固定尺寸配置，用sticky="nsew"和权重实现组件自适应缩放
• Canvas绑定<Configure>事件，实时获取尺寸重绘图形，确保跨屏幕显示正常
• 保留place的合理使用（Toolbar居中label），用相对坐标完全适配不同屏幕
• Listbox随父容器缩放，配置滚动条关联提升交互体验
• 全层级容器配置权重，保证布局响应窗口变化

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