如何实现Tkinter应用响应式及Submit按钮随窗口自动居中？

要解决窗口缩放时按钮偏离居中的问题，核心是让按钮所在的布局容器随窗口尺寸变化，并保持按钮在容器内居中。避免使用place()固定坐标（这种方式完全不响应窗口变化），推荐用grid或pack布局结合权重配置：

方法一：使用 Grid 布局 #

通过给窗口的行和列设置权重，让按钮所在的单元格充满整个窗口，按钮默认会在单元格内居中：

import tkinter as tk

root = tk.Tk()
root.title("Centered Submit Button")

# 配置窗口的行和列权重，让第0行第0列充满整个窗口
root.grid_rowconfigure(0, weight=1)
root.grid_columnconfigure(0, weight=1)

# 创建Submit按钮，放在第0行第0列，不设置sticky（默认居中）
submit_btn = tk.Button(root, text="Submit")
submit_btn.grid(row=0, column=0, padx=20, pady=20)

root.mainloop()

方法二：使用 Pack 布局 #

通过expand=True让按钮获得额外的可用空间，同时保持自身居中：

import tkinter as tk

root = tk.Tk()
root.title("Centered Submit Button")

submit_btn = tk.Button(root, text="Submit")
# expand=True 允许按钮所在区域随窗口扩展，按钮自动居中
submit_btn.pack(expand=True, padx=20, pady=20)

root.mainloop()

CustomTkinter 基于 Tkinter，响应式布局的核心逻辑和 Tkinter 一致，重点通过grid_rowconfigure()、grid_columnconfigure()设置行/列权重，让组件随窗口尺寸按比例缩放。以下是完整示例：

import customtkinter as ctk

# 设置全局外观模式
ctk.set_appearance_mode("light")
ctk.set_default_color_theme("blue")

root = ctk.CTk()
root.title("CustomTkinter Responsive Layout")
root.geometry("600x400")

# 配置窗口的行和列权重：第0行权重1（占剩余空间），第1行权重0（固定高度）；列权重1
root.grid_rowconfigure(0, weight=1)
root.grid_rowconfigure(1, weight=0)
root.grid_columnconfigure(0, weight=1)

# 创建响应式输入框容器
input_frame = ctk.CTkFrame(root)
input_frame.grid(row=0, column=0, padx=20, pady=20, sticky="nsew")
# 配置输入框容器的行和列权重，让输入框随容器扩展
input_frame.grid_rowconfigure(0, weight=1)
input_frame.grid_columnconfigure(0, weight=1)

entry = ctk.CTkEntry(input_frame, placeholder_text="Enter something")
entry.grid(row=0, column=0, padx=10, pady=10, sticky="ew")

# 创建始终居中的Submit按钮
submit_btn = ctk.CTkButton(root, text="Submit")
submit_btn.grid(row=1, column=0, padx=20, pady=20)

root.mainloop()

关键要点： #

• 权重设置：weight值越大，该行/列分配到的窗口剩余空间越多。比如weight=1的行会占满窗口除固定高度行外的所有空间。
• Sticky 参数：sticky="nsew"让组件充满所在的单元格，适合需要随窗口缩放的组件（如输入框、框架）；不需要缩放的组件（如按钮）则不设置或保持默认居中。
• 嵌套布局：复杂界面可以用CTkFrame嵌套，给每个子框架单独配置行/列权重，实现精细化的响应式控制。

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