Tkinter网格动态布局

Question

我想创建一个网格布局,网格填充第一行,直到它在窗口中的空间用完,并将动态移动项目到下面的行(如文本换行).调整窗口宽度时,网格会调整以适应.不需要调整大小的框.我打算保持每个小盒子的大小,但改变布局放置每个盒子的位置.

我想通过测量框架的宽度可以实现这一功能,如果(框数)*(每个框的宽度)超过宽度,则移动到下一行.我只是想知道是否有更好的方法,我不理解.

如果以上是唯一的选择,更新它的最佳方法是什么？我是否必须在窗口调整大小或其他事件上设置事件？看起来我不应该重新布局管理器,这就是感觉.我只是想检查是否已经内置了类似的功能.网格看起来像一个强大的布局管理器,但我一直无法找到该选项.

下面的图片描述了我想要使用网格布局在单个帧上使用相同的6个框的集合的行为.

窗口宽度足以容纳所有6个盒子,因此它们都适合第1行.然后它们随窗口大小的变化而调整.

Answer 1

如果您计划强制每个框都是统一大小,最简单的解决方案是使用文本小部件作为容器,因为它具有内置的包装能力.

这是一个有效的例子.单击"添加"按钮添加其他框.调整窗口大小以查看它们在窗口增大和缩小时自动换行.

import Tkinter as tk
import random

class DynamicGrid(tk.Frame):
    def __init__(self, parent, *args, **kwargs):
        tk.Frame.__init__(self, parent, *args, **kwargs)
        self.text = tk.Text(self, wrap="char", borderwidth=0, highlightthickness=0,
                            state="disabled")
        self.text.pack(fill="both", expand=True)
        self.boxes = []

    def add_box(self, color=None):
        bg = color if color else random.choice(("red", "orange", "green", "blue", "violet"))
        box = tk.Frame(self.text, bd=1, relief="sunken", background=bg,
                       width=100, height=100)
        self.boxes.append(box)
        self.text.configure(state="normal")
        self.text.window_create("end", window=box)
        self.text.configure(state="disabled")

class Example(object):
    def __init__(self):
        self.root = tk.Tk()
        self.dg = DynamicGrid(self.root, width=500, height=200)
        add_button  = tk.Button(self.root, text="Add", command=self.dg.add_box)

        add_button.pack()
        self.dg.pack(side="top", fill="both", expand=True)

        # add a few boxes to start
        for i in range(10):
            self.dg.add_box()

    def start(self):
        self.root.mainloop()

Example().start()

Answer 2

这是一个工作示例：

import Tkinter as tk

class AutoGrid(tk.Frame):
    def __init__(self, master=None, **kwargs):
        tk.Frame.__init__(self, master, **kwargs)
        self.columns = None
        self.bind('<Configure>', self.regrid)

    def regrid(self, event=None):
        width = self.winfo_width()
        slaves = self.grid_slaves()
        max_width = max(slave.winfo_width() for slave in slaves)
        cols = width // max_width
        if cols == self.columns: # if the column number has not changed, abort
            return
        for i, slave in enumerate(slaves):
            slave.grid_forget()
            slave.grid(row=i//cols, column=i%cols)
        self.columns = cols

class TestFrame(tk.Frame):
    def __init__(self, master=None, **kwargs):
        tk.Frame.__init__(self, master, bd=5, relief=tk.RAISED, **kwargs)

        tk.Label(self, text="name").pack(pady=10)
        tk.Label(self, text=" info ........ info ").pack(pady=10)
        tk.Label(self, text="data\n"*5).pack(pady=10)

def main():
    root = tk.Tk()
    frame = AutoGrid(root)
    frame.pack(fill=tk.BOTH, expand=True)

    TestFrame(frame).grid() # use normal grid parameters to set up initial layout
    TestFrame(frame).grid(column=1)
    TestFrame(frame).grid(column=2)
    TestFrame(frame).grid()
    TestFrame(frame).grid()
    TestFrame(frame).grid()
    root.mainloop()

if __name__ == '__main__':
    main()

请注意，这会破坏网格管理器的 rowspan 和 columnspan 功能。