如何在Tkinter中使用Canvas且不导致原有按钮位置下移？

你当前使用的pack布局会按控件添加顺序上下排列，自动分配窗口空间。你创建的Canvas未指定宽高，默认尺寸为200*200，放置在窗口最上方后，剩下的窗口空间才会分配给元素周期表按钮所在的Frame，自然就会把所有按钮向下挤压。

最简便的方案是用place布局放置Canvas，它不会参与pack/grid的空间分配，直接固定在窗口的指定层级，完全不会影响原有按钮的位置。

代码修改点 #

只需要调整__init__方法中Canvas的初始化逻辑即可，原有按钮布局不需要做任何改动：

1. 创建Canvas时指定和窗口一致的宽高，同时去掉默认边框避免占用额外空间
2. 用place方法把Canvas固定在窗口最底层，不会盖住上层的按钮

# 原来的Canvas相关代码
# self.c = Canvas(self.root)
# self.c.pack()
# 替换为以下代码
self.c = Canvas(self.root, width=900, height=414, highlightthickness=0)
self.c.place(x=0, y=0)

修改后完整可运行代码 #

from tkinter import *
from functools import partial

colors = {
    0:"#ab91ff", 1:"#d0a176", 2:"#ecce86", 3:"#ecff91", 4:"#fff991", 5:"#92ff9f", 6:"#f991ff", 7:"#91dfff",
    8:"#d2ff91", 9:"#b8ff91"
}
buttonsPos = {
    "H":[1, 1, colors[0]], "He":[1, 18, colors[7]],

    "Li":[2, 1,  colors[1]], "Be":[2, 2, colors[2]], "B":[2, 13, colors[5]], "C":[2, 14, colors[0]], "N":[2, 15, colors[0]],
    "O":[2, 16, colors[0]], "F":[2, 17, colors[6]], "Ne":[2, 18, colors[7]],

    #more data...
}

DEFAULT_BOLD = ("Helvetica", "15", "bold")

class GUI():
    def __init__(self):
        self.root = Tk()
        self.root.geometry("900x414")
        # 此处注释了iconbitmap避免本地无对应图标文件报错，可自行加回
        # self.root.iconbitmap("./icon.ico")
        self.root.title("Tabla periódica de los elementos")
        self.root.resizable(False, False)
        # 修改后的Canvas初始化代码
        self.c = Canvas(self.root, width=900, height=414, highlightthickness=0)
        self.c.place(x=0, y=0)
        self.c.create_rectangle(50, 150, 250, 50, fill="pink")
        self.buttonsFrame = self.createFButtons()
        self.buttons = self.createButtons(self.buttonsFrame)


    def do(self):
        pass

    def createButtons(self, frame):
        bs = []
        for k,v in buttonsPos.items():
            b = Button(frame, command=partial(self.do, str(k)), text=str(k), font=DEFAULT_BOLD, height=1, width=3,
                       borderwidth=4, bg=v[2])
            b.grid(row=v[0], column=v[1], sticky=NSEW)
            bs.append(b)
        return bs

    def createFButtons(self):
        frame = Frame(self.root, bg="#ebebeb")
        frame.pack(fill="both", expand="True")
        return frame

    def loop(self):
        self.root.mainloop()

if __name__ == "__main__":
    c = GUI()
    c.loop()

修改后粉色矩形会正常绘制在窗口的对应空白位置，所有按钮的位置不会发生任何偏移。

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