如何将 2 个按钮并排放置？

Posted 2023-02-23

【中文标题】如何将 2 个按钮并排放置？

【英文标题】：How can I put 2 buttons next to each other?

【发布时间】：2011-01-16 16:48:02

【问题描述】：

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)

如何将这 2 个按钮并排放置在文本小部件之上？当我设置“side=LEFT”时，它只是将 2 个按钮放在文本小部件旁边

【参考方案1】：

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

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

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

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

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

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

# 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 的方法。对于更复杂的设计，我几乎总是混合使用网格和包。对自然水平或垂直堆叠的项目（例如工具栏）使用 pack。将网格用于更复杂的布局（例如整个应用程序、带有滚动条的小部件、对话框等）。您不能将 grid 和 pack 用于同一个容器，但您可以将 pack 用于一个容器，将 grid 用于另一个容器，等等。

【讨论】：

您能否展示如何执行“解决方案 2”的示例代码.. 谢谢，我将不胜感激