tkinter布局问题：Asunto标签与输入框间距过大，求调整方案

我在使用Tkinter构建GUI时遇到布局问题：期望将Asunto标签放置在Asunto输入框的左上方，位置已大致正确，但两者间距过大。

预期效果：

实际效果：

问题代码 #

def show_personalizado_page():
    
    hide_current_widgets()
    root.current_page = "personalizado"
    root.title("EvaMailer")
    root.geometry("800x600")

    # 添加Logo
    try:
        logo_image = Image.open("EvaMailer.png")  # 替换为你的Logo路径
        logo_image = logo_image.resize((100, 100), Image.Resampling.LANCZOS)  # 使用合适的重采样滤镜调整大小
        logo = ImageTk.PhotoImage(logo_image)
        logo_label = tk.Label(root, image=logo)
        logo_label.image = logo  # 保留引用避免被垃圾回收
        logo_label.grid(row=0, column=1, pady=10, columnspan=2)
    except Exception as e:
        print(f"加载图片出错: {e}")

    # 添加"返回"按钮
    def go_back():
        show_main_page()

    regresar_button = tk.Button(root, text="Regresar", command=go_back)
    regresar_button.grid(row=0, column=0, padx=10, pady=10, sticky='w')

    # 添加带滚动条的"列"列表框
    columns_frame = tk.Frame(root)
    columns_frame.grid(row=1, column=0, padx=10, pady=10, sticky='ns', rowspan=2)

    columns_label = tk.Label(columns_frame, text="Columnas", font=('Arial', 12, 'bold'))
    columns_label.pack(anchor='w', padx=10)

    columns_listbox = tk.Listbox(columns_frame, height=15)
    columns_listbox.pack(side='left', fill='y')

    columns_scrollbar = tk.Scrollbar(columns_frame, orient='vertical', command=columns_listbox.yview)
    columns_scrollbar.pack(side='right', fill='y')

    columns_listbox.config(yscrollcommand=columns_scrollbar.set)

    # 添加"主题"输入框
    subject_label = tk.Label(root, text="Asunto", font=('Arial', 12, 'bold'))
    subject_label.grid(row=1, column=1, padx=10, pady=(10, 2), sticky='w')
    
    subject_entry = tk.Entry(root, width=30)  # 调整宽度缩小输入框
    subject_entry.grid(row=2, column=1, padx=10, pady=(2, 10), sticky='ew')

    # 添加"邮件内容"文本框
    body_label = tk.Label(root, text="Cuerpo del Correo", font=('Arial', 12, 'bold'))
    body_label.grid(row=3, column=1, padx=10, pady=5, sticky='w')
    body_text = tk.Text(root, height=10, width=60)
    body_text.grid(row=4, column=1, padx=10, pady=5, sticky='ew')

    # 添加"发送"按钮
    sendP_button = tk.Button(root, text="Enviar", command=lambda: print("发送按钮被点击"))  # 定义按钮命令
    sendP_button.grid(row=5, column=1, pady=(20, 10), sticky="e", padx=(10, 5))

    # 配置行列权重让布局响应式
    root.grid_columnconfigure(1, weight=1)
    root.grid_rowconfigure(2, weight=1)
    root.grid_rowconfigure(4, weight=1)
    root.grid_rowconfigure(5, weight=1)

    # 显示可用变量按钮
    display_csv_variables()

解决方法 #

问题根源是你给Asunto输入框所在的第2行设置了weight=1，这会让该行自动拉伸占据窗口的多余垂直空间，直接拉开了标签和输入框的距离。

修改步骤：

1. 移除行权重设置：删除root.grid_rowconfigure(2, weight=1)这一行，让输入框所在行保持固定高度。
2. 微调内边距：可以将标签和输入框的pady值调整得更紧凑，进一步缩小间距：
   • 标签的pady=(10, 0)（只保留顶部间距）
   • 输入框的pady=(0, 10)（只保留底部间距）

修改后的关键代码片段 #

# 添加"主题"输入框
subject_label = tk.Label(root, text="Asunto", font=('Arial', 12, 'bold'))
subject_label.grid(row=1, column=1, padx=10, pady=(10, 0), sticky='w')

subject_entry = tk.Entry(root, width=30)
subject_entry.grid(row=2, column=1, padx=10, pady=(0, 10), sticky='ew')

# 配置行列权重让布局响应式
root.grid_columnconfigure(1, weight=1)
root.grid_rowconfigure(4, weight=1)
root.grid_rowconfigure(5, weight=1)

这样调整后，标签和输入框的间距就会贴近，符合预期布局。

内容的提问来源于stack exchange，提问作者Juan Andres Gomez Botero