如何在Tkinter中对齐组件？GUI布局对齐问题咨询

一、第一个框架（frame_left）左对齐修复 #

你当前frame_left内的标签因padx值不统一导致左对齐混乱，比如label2的padx设为0、label3设为10、PDF标签设为20，直接造成整体偏移。要实现统一左对齐，需给所有标签设置相同的左侧padx值，同时保留sticky='w'确保标签靠左。

修正后的frame_left代码： #

# ============ frame_left ============

# configure grid layout (1x8)
self.frame_left.grid_rowconfigure(0, minsize=10)
self.frame_left.grid_rowconfigure(5, weight=1)
self.frame_left.grid_rowconfigure(8, minsize=20)

self.label_1 = ctk.CTkLabel(master=self.frame_left, text='DATA:', text_font=('Arial Greek', 15, 'bold'))
self.label_1.grid(row=1, column=0, padx=10, pady=20, sticky='w')

self.label_2 = ctk.CTkLabel(master=self.frame_left, text=f'- NUMBER: {App.no_var}', text_font=('Arial Greek', 12))
self.label_2.grid(row=2, column=0, padx=10, pady=20, sticky='w')  # 统一padx为10

self.label_3 = ctk.CTkLabel(master=self.frame_left, text=f'- ID: {App.id_var}', text_font=('Arial Greek', 12))
self.label_3.grid(row=3, column=0, padx=10, pady=20, sticky='w')  # 保持padx一致

self.label_pdf = ctk.CTkLabel(master=self.frame_left, text=f'- PDF: {App.pdf_var}', text_font=('Arial Greek', 12))
self.label_pdf.grid(row=4, column=0, padx=10, pady=20, sticky='w')  # 统一padx，避免重复覆盖变量

self.label_4 = ctk.CTkLabel(master=self.frame_left, text='FRAN VR', text_font=('Arial Greek', 15, 'bold'))
self.label_4.grid(row=9, column=0, padx=10, pady=20, sticky='w')

另外注意你重复使用了label_3变量，会导致ID标签被PDF标签覆盖，建议重命名为label_pdf这类有辨识度的变量名。

二、第二个框架：标题与搜索框相邻实现 #

要让标题和搜索框相邻，可通过grid布局将两者放在同一行的不同列，同时配置列权重实现自适应：

示例代码（假设框架名为frame_middle）： #

# ============ frame_middle ============
# 配置列布局，让搜索框可扩展填充空间
self.frame_middle.grid_columnconfigure(1, weight=1)

# 搜索标题标签
self.search_label = ctk.CTkLabel(master=self.frame_middle, text='搜索:', text_font=('Arial Greek', 12, 'bold'))
self.search_label.grid(row=0, column=0, padx=10, pady=10, sticky='w')

# 搜索输入框
self.search_entry = ctk.CTkEntry(master=self.frame_middle)
self.search_entry.grid(row=0, column=1, padx=10, pady=10, sticky='ew')

通过sticky='ew'让搜索框填充列的剩余空间，即可实现标题与搜索框在同一行相邻排列。

原始GUI界面截图 #

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