如何使用pack布局创建左、中、右三栏框架并解决居中偏移问题

问题原因 #

pack布局默认优先满足每个组件的内容请求尺寸，再将父容器剩余的额外空间按expand参数的权重分配。你当前给三个Frame都设置了expand=True，仅能保证额外空间三等分，若左侧Frame内部内容本身宽度更大，左侧总宽度就会超过中、右两侧，进而挤压中间Frame的显示空间，导致内部组件无法正常居中。

解决方案 #

方案1：保留pack布局，新增uniform参数（改动最小） #

Tk 8.5及以上版本的pack支持uniform参数，同一个uniform分组下的组件会被强制分配相同尺寸，配合expand=True即可实现严格三列等宽：

self.leftside = ttk.Frame(self)
self.leftside.pack(expand=True, fill=BOTH, side=LEFT, anchor=W, uniform="col")

self.center = ttk.Frame(self)
self.center.pack(expand=True, fill=BOTH, side=LEFT, anchor=CENTER, uniform="col")

self.rightside = ttk.Frame(self)
self.rightside.pack(expand=True, fill=BOTH, side=RIGHT, anchor=E, uniform="col")

注：uniform后的字符串可自定义，只要三个Frame取值一致即可

方案2：改用grid布局（可控性更高） #

如果后续需要调整列宽比例、添加跨行跨列组件，grid布局的灵活性更高，直接给三列设置相同权重即可实现等宽：

# 父容器三列权重相同，保证等宽分配
self.grid_columnconfigure((0,1,2), weight=1)
# 父容器行权重设为1，保证纵向全屏填充
self.grid_rowconfigure(0, weight=1)

self.leftside = ttk.Frame(self)
self.leftside.grid(row=0, column=0, sticky="nsew")

self.center = ttk.Frame(self)
self.center.grid(row=0, column=1, sticky="nsew")

self.rightside = ttk.Frame(self)
self.rightside.grid(row=0, column=2, sticky="nsew")

补充说明 #

调整完父容器布局后如果中间Frame内部组件仍未居中，需要检查中间Frame内子组件的布局参数：如果用pack则给子组件添加anchor=CENTER参数，如果用grid则给子组件所在单元格配置居中的sticky属性即可。

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