Tkinter格式化多个彼此相邻的帧

Question

所以我创建了一个GUI，我基本上希望在GUI的顶部有两个不同的“工具栏”，类似于。
目前，我将每个工具栏的相应按钮放置在两个不同的相应框架中，称为工具栏和选择栏。在每个按钮上，我调用.pack（）在工具栏中格式化它们，然后在每个工具栏上调用
    toolbar.grid(row=0, column=0, sticky='NW')
    selectbar.grid(row=0, column=1, sticky='NE')
但是，我不相信这是正确的，因为它们是两个不同的“网格”，它试图放在各自的列中。它仍然给了我一些接近所需产品的东西： 但是，我想知道如何将这两个帧“组合”到一个更大的相应帧中，这样我就可以使用.configurecolumn(0, weight=1)让第一个工具栏在屏幕上伸展得更远。

从本质上讲，我想知道如何将这两个“工具栏”彼此相邻，但第一个工具栏会延伸到空白区域。

编辑：这是省略了一些部分的代码。

  from tkinter import *  
  from MenuBar import *  
  from ToolBar import *  
  import tkinter.ttk

class App(Tk):
def __init__(self):
    Tk.__init__(self)


    #Creates the MenuBar
    menubar = MenuBar(self)
    self.config(menu=menubar)

    #Creates the ToolBar
    toolbar = Frame(bg="#f2f2f2", bd=1, relief=RAISED, width=1000)

    newUndIcon = itk.PhotoImage(file="Icons/newUndirected.png")
    newDirIcon = itk.PhotoImage(file="Icons/newDirected.png")
    b0 = Button(toolbar, text="Create a new undirected graph", image=newUndIcon, relief=FLAT)
    b1 = Button(toolbar, text="Create a new directed graph", image=newDirIcon, relief=FLAT)
    b2 = Button(toolbar, text="Open an existing graph", image=openIcon, relief=FLAT)
    b3 = Button(toolbar, text="Save graph", image=saveIcon, relief=FLAT)
    b0.img = newUndIcon
    b1.img = newDirIcon
    b2.img = openIcon
    b3.img = saveIcon
    b0.pack(side=LEFT, padx=2, pady=2)
    b1.pack(side=LEFT, padx=2, pady=2)
    b2.pack(side=LEFT, padx=2, pady=2)
    b3.pack(side=LEFT, padx=2, pady=2)       

    #toolbar.pack(side=TOP, fill=X)
    toolbar.grid(row=0, sticky='NW')
    toolbar.columnconfigure(1, weight=1)

    selectBar = Frame(bg="#f2f2f2", bd=1, relief=FLAT)
    c0 = Button(selectBar, image=newUndIcon, relief=FLAT)
    c1 = Button(selectBar, image=newDirIcon, relief=FLAT)
    c2 = Button(selectBar, image=vertexIcon, relief=FLAT)

    c0.img = newUndIcon
    c1.img = newDirIcon
    c2.img = vertexIcon

    c0.pack(side=LEFT, padx=2, pady=2)
    c1.pack(side=LEFT, padx=2, pady=2)
    c2.pack(side=LEFT, padx=2, pady=2)

    selectBar.grid(row=0, column=1, sticky='NW')
    selectBar.columnconfigure(1, weight=1)



  app=App()
  app.iconbitmap('Icons/titleIcon.ico')
  app.title("GMPX")
  app.geometry('900x600')
  app.config(bg="#FFF")
  app.mainloop()
  app.destroy()

Answer 1

您可以尝试将toolbar和selectBar放在Frame内，并使用pack()代替grid()：

topbar = Frame(self)
....
toolbar = Frame(topbar, ...)
toolbar.pack(side=LEFT, fill=X, expand=True)
...
selectBar = Frame(topbar, ...)
selectBar.pack(side=RIGHT)
...
topbar.pack(fill=X)