Question

这是我目前的棋盘游戏GUI布局：

Checkers game

正如你所看到的，它包括一个顶部的菜单，左边的画布，我绘制棋盘，右上角的工具栏（框架），我有各种格式/导航按钮，和一个文本小部件用于注释移动。目前，我正在为小部件使用网格布局。

这就是我需要做的事情：

当文本量大于窗口小部件大小时，能够在“文本”窗口小部件中显示/隐藏滚动条。（根据this article，这似乎需要网格布局。）
更改“文本”窗口小部件中文本的字体和/或大小[通过“首选项”对话框]，而不会在“文本”窗口小部件周围留下奇怪的间隙。（这似乎需要一个包布局，因为Text小部件只能给出字符的宽度和高度而不是像素......这意味着当我更改字体或大小时，Text小部件会增大或缩小，并且窗口不会调整为了适应网格布局。我一直在尝试使用Font.measure根据所选字体调整文本小部件的大小，但我仍然会得到间隙，因为我无法将小部件调整到精确的像素。）< / LI>
我的最终解决方案需要跨平台（Windows和Linux，以及有希望的Mac）。

我可以使用哪种布局来满足我的要求？如果两者都不能完全发挥作用，哪种布局（网格或包装）会让我最接近目标？谢谢！

Answer 1

对于这种简单的布局，您可以使用grid，pack或两者。在这种特殊情况下，两者都没有明显的优势。两者都有你想要的调整大小的行为。

离开我的头顶我会用一个水平框架来按住按钮，并将按钮打包在其中。然后我可能会使用网格将工具栏，文本小部件和滚动条放在框架内。包装也可以使用，或者可以使用。这照顾了正确的一面。

如果你想让菜单栏处于图片中的方式（即：非标准，只在棋盘上），我会使用类似的技巧：左侧的另一个框架，顶部装有菜单栏，棋盘上底部。

然后我会在主窗口中使用pack，底部是状态栏，左边是棋盘，右边是文本区域。

然而，最好使用标准的菜单栏，这意味着您不需要棋盘/菜单栏组合的包含框架

这是使用标准菜单栏的一个解决方案的快速入侵。这使用了将大多数小部件作为父级子级的技术，然后使用in_参数将它们放入容器中。这使得以后更改布局变得更加容易，因为您不必更改整个层次结构，而只需更改容器中的窗口小部件。

import Tkinter as tk
import random

class App(tk.Tk):
    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self, *args, **kwargs)

        size = 40
        menubar = tk.Menu(self)
        menubar.add_cascade(label="Game")
        menubar.add_cascade(label="Options")
        menubar.add_cascade(label="Help")
        chessboard = tk.Canvas(width=8*size, height=8*size, borderwidth = 0,
                               highlightthickness=0)
        statusbar = tk.Label(self, borderwidth=1, relief="sunken")
        right_panel = tk.Frame(self, borderwidth = 1, relief="sunken")
        scrollbar = tk.Scrollbar(orient="vertical", borderwidth=1)
        # N.B. height is irrelevant; it will be as high as it needs to be
        text = tk.Text(background="white",width=40, height=1, borderwidth=0, yscrollcommand=scrollbar.set)
        scrollbar.config(command=text.yview)

        toolbar = tk.Frame(self)
        for i in range(10):
            b = tk.Button(self, text="B%s" % i, borderwidth=1)
            b.pack(in_=toolbar, side="left")

        self.config(menu=menubar)
        statusbar.pack(side="bottom", fill="x")
        chessboard.pack(side="left", fill="both", expand=False)
        toolbar.grid(in_=right_panel, row=0, column=0, sticky="ew")
        right_panel.pack(side="right", fill="both", expand=True)
        text.grid(in_=right_panel, row=1, column=0, sticky="nsew")
        scrollbar.grid(in_=right_panel, row=1, column=1, sticky="ns")
        right_panel.grid_rowconfigure(1, weight=1)
        right_panel.grid_columnconfigure(0, weight=1)

if __name__ == "__main__":
    app = App()
    app.mainloop()

如何使用包或网格实现以下Tkinter GUI布局？

1 个答案: