Question

b = Button(root, text="Enter", width=10, height=2, command=button1)
b.config()
b.pack(side=LEFT)

c = Button(root, text="Clear", width=10, height=2, command=clear)
c.pack(side=LEFT)


scrollbar = Scrollbar(root)
scrollbar.pack(side=RIGHT, fill=Y)
text.config(width=35, height=15)
text.pack(side=RIGHT, fill=Y)
scrollbar.config(command=text.yview)
text.config(yscrollcommand=scrollbar.set)

如何将这两个按钮彼此相邻放在文本小部件的顶部？当我设置“side = LEFT”时，它只是将2个按钮放在文本小部件旁边

Answer 1

这类问题通常有两种解决方案。在所有情况下或在这个特定的例子中，两者都不比另一个好。两种解决方案都完全可以接受。

解决方案1：使用两个容器（通常是框架）。一个用于存放水平物品，一个用于存放垂直物品。在这种情况下，根窗口可以用作垂直堆叠项目的容器。将两个按钮放在水平框架中（使用pack（side = LEFT）），然后将该框架放在文本小部件上方（使用pack（side = TOP））。

解决方案2：使用网格几何管理器，它在网格中布置您的UI。将按钮放在单元格0,1和0,2中，将文本小部件放在1,1跨两列中。

通常，使用网格需要更多的前期规划。您必须确定哪些项目需要跨越列或行，哪些列或行应该随着窗口小部件的重新调整而增长和缩小等。包解决方案是“最简单的”（对于某些“简单”的定义，无论如何）对于非常简单的布局，例如。

使用框架来包含小部件组的一般技术是一个很好的技巧。它可以轻松地将整个小部件组作为一个组进行管理。并混合和匹配从左到右的小部件组和从上到下的小部件组。

这就是我使用多帧技术的方法。请注意我如何创建小部件作为root的子级而不是内部框架的子级。这使得将来修改布局变得容易一些，因为您所要做的就是创建或删除各种框架，而无需修改窗口小部件层次结构。

# create the main sections of the layout, 
# and lay them out
top = Frame(root)
bottom = Frame(root)
top.pack(side=TOP)
bottom.pack(side=BOTTOM, fill=BOTH, expand=True)

# create the widgets for the top part of the GUI,
# and lay them out
b = Button(root, text="Enter", width=10, height=2, command=button1)
c = Button(root, text="Clear", width=10, height=2, command=clear)
b.pack(in_=top, side=LEFT)
c.pack(in_=top, side=LEFT)

# create the widgets for the bottom part of the GUI,
# and lay them out
text = Text(root, width=35, height=15)
scrollbar = Scrollbar(root)
scrollbar.config(command=text.yview)
text.config(yscrollcommand=scrollbar.set)
scrollbar.pack(in_=bottom, side=RIGHT, fill=Y)
text.pack(in_=bottom, side=LEFT, fill=BOTH, expand=True)

使用网格的简单实现如下。它有不同的调整大小行为，可能是您想要的，也可能不是。这实际上取决于你想要的调整大小行为。通常我将使用框架管理一行控件，然后使用网格将其与其他小部件一起布局。在这个例子中，我将只使用网格。

请注意，除了管理窗口小部件所在的行和列之外，还必须确定行和列的加权因子。至少你需要选择一行和一列来“拾取松弛”，这通常意味着主要小部件所在的列（读取：通常是文本，画布或其他帧）。

b = Button(root, text="Enter", width=10, height=2, command=button1)
c = Button(root, text="Clear", width=10, height=2, command=clear)
b.grid(row=0,column=0, sticky=W)
c.grid(row=0,column=1, sticky=W)

textframe = Frame(root)
textframe.grid(in_=root, row=1, column=0, columnspan=3, sticky=NSEW)
root.columnconfigure(0, weight=1)
root.rowconfigure(1, weight=1)

text = Text(root, width=35, height=15)
scrollbar = Scrollbar(root)
scrollbar.config(command=text.yview)
text.config(yscrollcommand=scrollbar.set)
scrollbar.pack(in_=textframe, side=RIGHT, fill=Y)
text.pack(in_=textframe, side=LEFT, fill=BOTH, expand=True)

在这个特定的情况下，我会选择第一种方法，即带有包的方法。对于更复杂的设计，我几乎总是使用网格和包的混合。使用pack来自然地水平或垂直堆叠的项目（例如工具栏）。使用网格进行更复杂的布局（例如整个应用程序，带滚动条的小部件，对话框等）。你不能同时使用grid和pack作为同一个容器，但是你可以使用pack作为一个容器，grid作为另一个容器，等等。

如何将2个按钮放在一起？

1 个答案: