如何在 tkinter 中显式调整帧的大小？

Question

所以我目前正在编写一段代码，稍后将集成到其他东西中以充当设置配置器。目前，我想要一个如下所示的窗口：

每个彩色框都是一个框架。此窗口不可调整大小，始终为 480x720 像素。因此，我希望我使用的 3 帧，侧边栏（黄色）、容器（蓝色）和静态（红色）始终保持相同的大小，并以大致相同的比例填充如上图所示的窗口（不需要准确）。

这个窗口的代码如下

        self.window = tk.Tk()

        self.windowHeight = 480
        self.windowLength = 720
        self.windowDimensions = str(self.windowLength)+"x"+str(self.windowHeight) #make diemnsions string; dimensions are set as a single string
        self.window.geometry(self.windowDimensions)
        self.window.resizable(width=False, height=False)

        self.container = tk.Frame(self.window, relief="sunken", borderwidth=2) #instantiate new window
        self.sideBar = tk.Frame(self.window,  relief="sunken", borderwidth=2)
        self.static = tk.Frame(self.window, relief="sunken", borderwidth=2)

        self.sideBar.grid_propagate(False)
        self.sideBar.grid(row=0, column=0)
        self.container.grid(row=0,column=1)
        self.static.grid(row=5, column=1)


        self.configuratorObject = configuratorObject 

        audioButton = tk.Button(self.sideBar, text="Audio Page", command=lambda: self.raisePage("audioPage"))
        colourButton = tk.Button(self.sideBar, text="Colours", command=lambda: self.raisePage("coloursPage"))
        saveButton = tk.Button(self.static, text = "Save", state="disabled")
        applyButton = tk.Button(self.static, text = "Apply", state="disabled")
        audioButton.pack()
        colourButton.pack()
        saveButton.pack()
        applyButton.pack()

我尝试更改网格的height 和width 参数，但它们似乎真的没有做任何事情。那么我该如何明确定义框架的布局和大小呢？

感谢任何帮助

Answer 1

在你写的 cmets 中

如果有办法让 tkinter 做到这一点，那就太好了

这绝对是首选方式，而不是强制小部件为特定大小。

我们将首先使用pack 而不是grid 用于三个帧。对于这样的基本布局，它需要的代码行数比grid 少。

self.sideBar.pack(side="left", fill="y")
self.static.pack(side="bottom", fill="x")
self.container.pack(side="top", fill="both", expand=True)

接下来，添加左侧的按钮。这将导致左框架的宽度缩小以适合按钮。因为我们使用了fill="y"，所以高度将被强制保持为窗口的全高。

audioButton.pack(side="top", fill="x")
colourButton.pack(side="top", fill="x")

最后，添加底部的按钮。您的原始代码显示它们从上到下堆叠，但您的插图将它们显示在一个水平行中。此示例符合插图。

applyButton.pack(side="right", padx=10)
saveButton.pack(side="right", padx=10)

我们最终得到一个如下所示的窗口，并且当您调整窗口大小时，比例和方向保持完全相同：

---

注意：您也可以使用grid 执行此操作，但需要多几行代码才能将权重应用于行和列。我个人更喜欢pack，因为它需要更少的代码行，所以布局不能自然地适合网格。