如何在Tkinter可滚动Frame中实现内部组件居中并自适应扩展

问题根源 #

你遇到的布局异常是两个配置缺失导致的：

1. 贴在Canvas上的scrollable_frame没有跟随Canvas宽度自动调整，一直保持刚好包裹内容的最小宽度
2. 滚动区域内的LabelFrame组件pack时没有配置填充、边距参数，默认缩在容器左上角

具体修改步骤 #

1. 绑定Canvas宽度变化事件，同步调整滚动容器宽度 #

修改Canvas相关代码，给create_window添加锚点和标签，同时绑定Canvas尺寸变化事件：

# 原有代码保留，修改create_window参数
canvas.create_window((0, 0), window=scrollable_frame, anchor="nw", tags="scroll_win")

# 新增如下绑定逻辑
canvas.bind(
    "<Configure>",
    lambda e: canvas.itemconfig("scroll_win", width=e.width)
)

2. 修改内部组件pack参数，实现横向填充+居中边距 #

把三个LabelFrame的pack配置修改为如下内容，fill="x"实现横向占满容器，padx/pady加左右上下边距实现居中效果：

coordF=LabelFrame(scrollable_frame,text='c')
coordF.pack(side = 'top', fill="x", padx=20, pady=10)

# ...中间coordF内部组件代码保留...

scalF=LabelFrame(scrollable_frame,text='d')
scalF.pack(side = 'top', fill="x", padx=20, pady=10)

# ...中间scalF内部组件代码保留...

scalOut=LabelFrame(scrollable_frame,text='hg')
scalOut.pack(side = 'top', fill="x", padx=20, pady=10)

3. （可选）内部输入框自适应拉伸 #

如果需要coordF里的输入框也能占满整行，添加如下grid权重配置：

# 加在e1、e2的grid配置之后
coordF.grid_columnconfigure(1, weight=1)
e1.grid(row=0,column=1, sticky="ew")
e2.grid(row=1,column=1, sticky="ew")

验证效果 #

修改后滚动区域内的所有LabelFrame会自动占满Canvas的可用宽度，内容会在边距内居中显示，符合你给出的示意图布局要求。

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