如何用Tkinter实现指定复杂布局？

核心问题修复与代码实现 #

以下是修正后的完整代码，解决了按钮居中固定、图片自适应填充及窗口缩放遮挡问题：

import tkinter as tk
from tkinter import Button, Label, Frame
from PIL import Image, ImageTk

# 主窗口配置
root = tk.Tk()
root.title('app')
root.geometry('800x600')

# 顶部图片容器：占据除底部外的所有空间
main_frame = Frame(root)
# side='top' 确保在底部footer之上，expand=True+fill='both' 让容器填满剩余空间
main_frame.pack(side='top', expand=True, fill='both')

# 图片加载（注意保留image引用，避免被GC回收）
image_path = 'C:/Users/Administrator/Desktop/sample_image.jpg'
image = ImageTk.PhotoImage(Image.open(image_path))

# Image1：填充main_frame剩余空间
image1_label = Label(main_frame, text='image1', image=image, bg='red')
# expand=True 让组件在分配空间时优先获取剩余空间，fill='both' 填充宽高
image1_label.pack(side='left', expand=True, fill='both')

# Image2：宽度固定，高度填充main_frame
image2_label = Label(main_frame, text='image2', image=image, width=250, bg='green')
# fill='y' 仅填充高度，宽度保持固定值
image2_label.pack(side='right', fill='y')

# 底部按钮容器：固定在窗口底部，水平居中
footer_frame = Frame(root, pady=5)  # pady实现上下内边距
# fill='x' 让footer水平填充窗口宽度，side='bottom' 固定在底部
footer_frame.pack(side='bottom', fill='x')

# 按钮组容器：实现按钮水平居中
button_group = Frame(footer_frame)
button_group.pack(anchor='center')  # 让按钮组在footer内居中

Button(button_group, text='Positif').pack(side='left', padx=2)
Button(button_group, text='Indéterminé').pack(side='left', padx=2)
Button(button_group, text='Négatif').pack(side='left', padx=2)

root.mainloop()

布局逻辑详解 #

1. 底部按钮组固定与居中 #

• footer_frame：通过pack(side='bottom', fill='x')固定在窗口底部，同时水平填充整个窗口宽度，pady=5实现上下内边距。
• button_group子容器：在footer_frame内部创建子frame，通过pack(anchor='center')让按钮组整体水平居中，避免按钮直接排列导致的左对齐问题。

2. 图片容器自适应 #

• main_frame：pack(side='top', expand=True, fill='both')确保它占据窗口除footer外的所有可用空间，窗口缩放时自动调整大小。
• Image1：pack(side='left', expand=True, fill='both')，expand=True使其优先获取main_frame内的剩余空间，fill='both'让图片标签填充宽高，实现自适应伸缩。
• Image2：pack(side='right', fill='y')，固定宽度（width=250），仅填充高度，确保高度始终匹配main_frame的高度，宽度不受窗口缩放影响。

3. 解决窗口缩放遮挡问题 #

通过明确划分main_frame（顶部自适应区域）和footer_frame（底部固定区域）的pack顺序与属性，两者空间互不重叠，窗口缩小时只会压缩main_frame内的Image1，不会遮挡Image2或底部按钮。

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