Tkinter Python：如何使用Frame Widget让我的标签彼此一致？

Question

我是编程的新手。我在Python中使用Tkinter。我试图让它成为我的程序中的标签将彼此并排（中间有一点空间，可能像50像素）。我希望并排的两个标签是：＆＃34;成分＆＃34;和＆＃34;步骤＆＃34;。我试过创建一个框架，使它们可以彼此相邻，但成分总是在台阶之上，而不是并排。我查看了StackOverflow上的其他问题，但我无法安静地将它们应用到我的程序中。所以我可以做到这一点，所以我的两个标签，步骤和成分，并排，中间有一些空间。我会继续使用框架还是使用.grid或其他东西？

非常感谢任何帮助!!如果您可以在代码中添加注释，以便我知道您在做什么，那就太棒了！谢谢！

import Tkinter
class Cookbook(Tkinter.Tk):
    def __init__(self):
        Tkinter.Tk.__init__(self)
        self.title("Cookbook")
        self.geometry("500x500+0+0")

        self.button = []
        for r in range(1):
            for c in range(1):
                b = Button(self).grid(row=r,column=c)
                self.button.append(b)

class Button(Tkinter.Button):
    def __init__(self,parent):
        b = Tkinter.Button.__init__(self, parent, text="Add A New Recipie", height=8, width=15, command=self.make_window)

    def make_window(self):
        popwindow = IngredientAdder()
        popwindow.title_box()
        popwindow.ingredients_box()
        popwindow.steps_box()
        popwindow.init_gui()

class IngredientAdder(Tkinter.Tk):
    def __init__(self):
        Tkinter.Tk.__init__(self)
        self.title("Recipie")
        self.geometry("550x500")

    def title_box(self):
        #Frame for the Title Label and the Title Entry Box
        test = Tkinter.Frame(self, height=100, relief=Tkinter.SUNKEN)
        test.pack(anchor=Tkinter.NW,side=Tkinter.TOP)

        #putting in a Title LABEL and ENTRY BOX
        Tkinter.Label(test,text="Title:").pack(anchor=Tkinter.NW,side=Tkinter.LEFT)
        self.entry1 = Tkinter.Entry(test,width=450)
        self.entry1.pack(anchor=Tkinter.NW,side=Tkinter.TOP)

    def ingredients_box(self):
        #Frame for the Ingredients Label and the Ingredients Entry Boxes
        self.test2 = Tkinter.Frame(self, height=100,width=20, relief=Tkinter.SUNKEN)
        self.test2.pack(anchor=Tkinter.NW,side=Tkinter.TOP)

        #Put an Ingredients label at the top of the window and anchor it there
        Tkinter.Label(self.test2,text="Ingredients:").pack(anchor=Tkinter.NW,side=Tkinter.TOP)

    def steps_box(self):
        #Frame for the Steps Label and the Steps Textbox
        test3 = Tkinter.Frame(self, height=100,width=50, relief=Tkinter.SUNKEN)
        test3.pack(anchor=Tkinter.NE,side=Tkinter.RIGHT)

        #putting in an entry box and Steps label for the steps of the recepie
        Tkinter.Label(test3,text="Steps:").pack(anchor=Tkinter.N,side=Tkinter.TOP)
        self.entry2 = Tkinter.Text(test3,width=40,height=33,font="helvetica 12",padx=5,pady=5).pack(anchor=Tkinter.NE,side=Tkinter.TOP)

    def title_save(self):
         self.title_entries.append(self.entry1)

    def text_box(self):
         self.text_entries.append(self.entry2)

    # function to add new ingredients
def add_ingredient_entry(self):
        entry = Tkinter.Entry(self.test2)
        entry.pack(anchor=Tkinter.NW,side=Tkinter.TOP)
        self.ingredient_entries.append(entry)

    # get contents of all entry boxes
    def save_recipe(self):
        for words in self.title_entries:
            print words.get()
        for ingredient in self.ingredient_entries:
            print ingredient.get()
        for text in self.text_entries:
            print text.get('1.0','end')
       print "[Recipie saved]"

    # build initial widgets 
    def init_gui(self):
        # title saved in this array
        self.title_entries = []     

        # this is a list of ingredients entry boxes
        self.ingredient_entries = []

        #this saves the list in this array, hopefully
        self.text_entries = []

        #Making a frame at the bottom to put both buttons in line
        self.test4 = Tkinter.Frame(self,height=10, relief=Tkinter.SUNKEN)
        self.test4.pack(side=Tkinter.BOTTOM)

        #Put these two buttons at the bottom of the window and anchor them there
        Tkinter.Button(self.test4,text="Save recipe",command=self.save_recipe, width=15).pack(anchor=Tkinter.SE,side=Tkinter.RIGHT)
        Tkinter.Button(self.test4,text="Add ingredient",command=self.add_ingredient_entry, width=15).pack(anchor=Tkinter.NW,side=Tkinter.LEFT)

        #New ingredients will be added between the label and the buttons 
        self.add_ingredient_entry()

top = Cookbook()
top.mainloop()

Answer 1

如果您希望两个标签并排，您可以简单地使用包管理器将它们包装到同一侧：

testlabel.pack(side=Tkinter.LEFT)
testlabel2.pack(side=Tkinter.LEFT)

然而，首选的方法是使用网格管理器来做这样的事情。要对齐两个标签，您可以执行以下操作：

testlabel.grid(row=0, column=0)
testlabel2.grid(row=0, column=1)

如果你正在谈论如何将它们与框架一起使用，它将是这样的：

labelframe = Tkinter.Frame()
testlabel = Tkinter.Label(labelframe)
testlabel2 = Tkinter.Label(labelframe)
testlabel.grid(row=0, column=0)
testlabel2.grid(row=0, column=1)
labelframe.pack()

这会将两个标签组合在一起，然后您可以在主窗口中对齐。但是，如果你有一堆标签，并且你们都希望它们像桌子一样并排，那么你可能只需要使用网格作为主窗口就可以了。当您想要将小部件组合在一起并将它们移动到与其他小部件相关的特定位置时，您倾向于使用框架。

Answer 2

您需要做的第一件事就是稍微改变您的编程风格。您需要在创建窗口小部件的函数中打包窗口小部件，这使得管理代码变得非常困难。相反，创建窗口小部件的函数的调用者应该负责打包（放置，网格化）它。

例如，而不是：

def make_window(self):
    ...
    popwindow.ingredients_box()
    popwindow.steps_box()
    ...

def steps_box(self):
    #Frame for the Steps Label and the Steps Textbox
    test3 = Tkinter.Frame(self, height=100,width=50, relief=Tkinter.SUNKEN)
    test3.pack(anchor=Tkinter.NE,side=Tkinter.RIGHT)

你应该这样做：

def make_window(self):
    ...
    ingredients_box = popwindow.ingredients_box(self)
    steps_box = popwindow.steps_box(self)
    ...
    ingredients_box.pack(side="left")
    steps_box.pack(side="right")

def ingredients_box(self, parent):
    #Frame for the Steps Label and the Steps Textbox
    test3 = Tkinter.Frame(parent, height=100,width=50, relief=Tkinter.SUNKEN)
    test3.pack(anchor=Tkinter.NE,side=Tkinter.RIGHT)
    return test3

这本身并不能解决你的问题，但它会让你更容易解决。下一步是看看你的整体布局，并意识到使用网格比使用包更自然的布局。

当你这样做时，只更改负责布局GUI的一个函数而不是尝试创建小部件并将它们布局的无数函数变得非常简单。

然后，您可以这样做：

def make_window(self):
    ingredients_box = ...
    steps_box = ...
    ...

    ingredients_box.grid(row=1, column=0, sticky="nsew")
    steps_box.grid(row=1, column=1, sticky="nsew")
    ...

整体布局变得更容易在代码中可视化，并且更容易重新配置（这将不可避免地发生）

备注：

您有一个错误，即您正在创建多个Tk实例。如果需要创建弹出窗口，请创建Toplevel的实例。应为根窗口保留Tk，并仅保留根窗口。

此声明中还有一个错误：

self.entry2 = Tkinter.Text(test3,...).pack(...)

在python中，当你x=y().z()时，x获得.z()的值。在Tkinter中，pack始终返回None，因此self.entry2将设置为None。