如何在 tkinter 中创建自动调整大小的按钮网格？

Question

我正在尝试使用 Tkinter 创建按钮网格（以实现可点击的单元格效果）。

我的主要问题是我无法使网格和按钮自动调整大小并适合父窗口。

例如，当网格上有大量按钮时，我不会缩小按钮以使网格适合窗口，而是会得到一个超出屏幕的拉伸框架。

我正在寻找的效果是网格填充所有可用空间，然后调整其单元格大小以适合该空间。我已阅读文档，但我仍然不知道如何使其工作。

这是基本代码，这是我的起点：

def __init__(self):
    root = Tk()
    frame = Frame(root)
    frame.grid()

    #some widgets get added in the first 6 rows of the frame's grid          

    #initialize grid
    grid = Frame(frame)  
    grid.grid(sticky=N+S+E+W, column=0, row=7, columnspan=2)

    #example values
    for x in range(60):
        for y in range(30):
            btn = Button(grid)
            btn.grid(column=x, row=y)

    root.mainloop()

Answer 1

您需要将行和列配置为具有非零权重，以便它们占用额外的空间：

grid.columnconfigure(tuple(range(60)), weight=1)
grid.rowconfigure(tuple(range(30)), weight=1)

您还需要配置按钮，以便它们展开以填充cell：

btn.grid(column=x, row=y, sticky="news")

这必须一直完成，所以这里是一个完整的示例：

from tkinter import *

root = Tk()
frame = Frame(root)
root.rowconfigure(0, weight=1)
root.columnconfigure(0, weight=1)
frame.grid(row=0, column=0, sticky="news")
grid = Frame(frame)
grid.grid(sticky="news", column=0, row=7, columnspan=2)
frame.rowconfigure(7, weight=1)
frame.columnconfigure(0, weight=1)

#example values
for x in range(10):
    for y in range(5):
        btn = Button(frame)
        btn.grid(column=x, row=y, sticky="news")

frame.columnconfigure(tuple(range(10)), weight=1)
frame.rowconfigure(tuple(range(5)), weight=1)

root.mainloop()

Answer 2

@Vaughn Cato 在这里给出了一个很好的答案。然而，他不小心在他的示例中包含了一堆无关的代码。这是一个经过清理且更有组织的完整示例，其功能与他的示例完全相同。

from tkinter import *

#Create & Configure root 
root = Tk()
Grid.rowconfigure(root, 0, weight=1)
Grid.columnconfigure(root, 0, weight=1)

#Create & Configure frame 
frame=Frame(root)
frame.grid(row=0, column=0, sticky=N+S+E+W)

#Create a 5x10 (rows x columns) grid of buttons inside the frame
for row_index in range(5):
    Grid.rowconfigure(frame, row_index, weight=1)
    for col_index in range(10):
        Grid.columnconfigure(frame, col_index, weight=1)
        btn = Button(frame) #create a button inside frame 
        btn.grid(row=row_index, column=col_index, sticky=N+S+E+W)  

root.mainloop()

屏幕截图：

首次打开时（小）：

最大化窗口后：

TODO

1. [ ] 2023 年 8 月 3 日：更新&使我的例子现代化。我应该看看的主要答案发生了一些变化。
2. [ ] 2023 年 8 月 3 日：删除 from tkinter import *，并使用 import tkinter 代替，如下
   全部导入是不好的做法。最好明确地看到在哪里
   每个对象都来自显式使用模块的名称空间。

Answer 3

要使按钮在窗口最大化时展开，请尝试修改button.grid条目，如下所示：

btn.grid(column=x, row=y, sticky=N+S+E+W)

Answer 4

当您使用滚动条时，网格权重方法可能不起作用（至少在 Mac 中），因此在使用它时，将小部件和滚动条打包在框架内，然后对框架进行网格化。