如何调整Tkinter pack布局下的按钮位置 调换顺序并放置到右下角

解决方法 #

核心问题说明 #

1. 右侧按钮顺序颠倒的原因：pack(side=tk.RIGHT) 会按代码书写顺序，先写的控件优先占据最右侧位置，后写的控件排列在其左侧，调整代码顺序即可交换位置
2. 退出按钮无法对齐到窗口底部的原因：你之前将所有按钮都放在了顶部的Frame容器中，这个Frame默认只占据顶部区域，即使给退出按钮设置side=tk.BOTTOM也只能在该Frame的底部对齐，无法触达整个窗口的底部。

修改后的代码 #

# 顶部按钮栏容器
top_fram = tk.Frame(self)
# 左侧两个图片切换按钮，顺序不变
tk.Button(top_fram, text="Previous Image", bg="green", command=self.prev).pack(side=tk.LEFT)
tk.Button(top_fram, text="  Next Image  ", command=self.next).pack(side=tk.LEFT)
# 右侧控件调整顺序：先放状态标签，再放下一组按钮，即可实现下一组在右侧区域靠左的位置
tk.Label(top_fram, textvariable=self.clickStatus, font='Helvetica 18 bold').pack(side=tk.RIGHT)
tk.Button(top_fram, text="            Next set              ", command=self._load_dataset).pack(side=tk.RIGHT)
# 顶部栏固定在窗口顶部，占满横向空间
top_fram.pack(side=tk.TOP, fill=tk.X)

# 退出按钮单独布局，不放在顶部容器中
tk.Button(self, text="  Exit  ", command=self.destroy, fg = "grey").pack(side=tk.BOTTOM, anchor=tk.SE, padx=15, pady=10)

修改点说明 #

• 调整了右侧控件的pack顺序，实现下一组按钮排列在右侧区域靠左的位置，符合交换顺序的需求
• 将退出按钮从顶部容器中移出，直接挂载到根容器下，通过anchor=tk.SE参数设置控件对齐到右下角，padx、pady参数可以调整按钮和窗口边缘的间距，避免贴边太紧凑
• 顶部容器的fill参数改为tk.X，仅占满横向空间，避免挤压下方布局位置

原问题参考截图 #

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