如何让Tkinter页面元素随窗口大小整体缩放？

问题描述 #

我正在使用以下代码学习Tkinter：

import tkinter as tk


root = tk.Tk()


all = tk.Label(root)
welcome = tk.Label(all, text="Welcome", font=("Verdana", 50), anchor="center")
welcome.grid(row=0, column=0, padx=10, pady=10)
welcome2 = tk.Label(all, text="To my software", font=("Verdana", 30), anchor="center")
welcome2.grid(row=1, column=0, padx=10, pady=10)
start = tk.Button(all, text="Start", width=15, height=1, font=("Verdana", 12))
start.grid(row=2, column=0, padx=10, pady=10)
all.place(relx=0.5, rely=0.5, anchor=tk.CENTER)


root.mainloop()

如何让包含在父标签“all”内的所有元素随Tkinter窗口大小进行整体缩放？此需求与Stack Overflow问题《TkInter Label Change Font Size by Text Length》不同，我需要同时缩放Button和Entry框等元素，实现类似整体缩放的效果。

解决方案 #

先说明：原代码用Label作为容器组件并不合理，建议替换为Frame（Tkinter专门的容器组件，功能适配性更强）。以下是实现整体缩放的完整代码，核心逻辑是监听窗口尺寸变化事件，动态计算缩放比例，同步更新所有组件的字体、尺寸和内边距：

import tkinter as tk

def on_window_resize(event):
    # 基准窗口尺寸（初始窗口大小，可按需调整）
    base_width = 600
    base_height = 400
    
    # 计算缩放比例，取宽高比例的较小值避免组件变形
    scale_width = event.width / base_width
    scale_height = event.height / base_height
    scale_factor = min(scale_width, scale_height)
    
    # 更新标签字体
    welcome.config(font=("Verdana", int(50 * scale_factor)))
    welcome2.config(font=("Verdana", int(30 * scale_factor)))
    
    # 更新按钮字体和尺寸
    start.config(font=("Verdana", int(12 * scale_factor)),
                 width=int(15 * scale_factor),
                 height=int(1 * scale_factor))
    
    # 更新内边距
    padx = int(10 * scale_factor)
    pady = int(10 * scale_factor)
    welcome.grid_configure(padx=padx, pady=pady)
    welcome2.grid_configure(padx=padx, pady=pady)
    start.grid_configure(padx=padx, pady=pady)

root = tk.Tk()
root.geometry("600x400")  # 设置初始窗口大小

# 用Frame替换Label作为容器
container = tk.Frame(root)
welcome = tk.Label(container, text="Welcome", font=("Verdana", 50), anchor="center")
welcome.grid(row=0, column=0, padx=10, pady=10)
welcome2 = tk.Label(container, text="To my software", font=("Verdana", 30), anchor="center")
welcome2.grid(row=1, column=0, padx=10, pady=10)
start = tk.Button(container, text="Start", width=15, height=1, font=("Verdana", 12))
start.grid(row=2, column=0, padx=10, pady=10)
container.place(relx=0.5, rely=0.5, anchor=tk.CENTER)

# 绑定窗口尺寸变化事件
root.bind("<Configure>", on_window_resize)

root.mainloop()

关键逻辑说明 #

• 容器替换：将原代码中的Label容器改为Frame，避免Label自带的文本渲染特性可能引发的意外问题。
• 事件监听：通过root.bind("<Configure>", on_window_resize)监听窗口尺寸变化，每次窗口大小改变时触发缩放计算。
• 缩放比例计算：以初始窗口尺寸为基准，计算当前窗口与基准的比例，取宽高比例的最小值保证组件不会被拉伸变形。
• 组件属性更新：根据缩放比例，同步更新标签的字体大小、按钮的字体和尺寸、所有组件的内边距，实现整体缩放效果。

如果需要支持Entry等其他组件，只需在on_window_resize函数中添加对应组件的属性更新逻辑即可，比如Entry的字体、宽度等参数。

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