调整纵横比固定的Tkinter框架的大小

Question

我正在寻找一种方法来使Tkinter帧在调整大小时表现得像这样：

from Tkinter import *
w = Tk()
w.aspect(1,1,1,1)
w.mainloop()

所以我想在这里这段代码：

import Tkinter as tk
from Tkconstants import *
r=tk.Tk()
content_frame=tk.Frame(r,borderwidth=5,relief=GROOVE)
content_frame.grid(row=0,column=0,sticky=(N,S,E,W))
tk.Label(content_frame,text='content').pack()
pad_frame=tk.Frame(r,borderwidth=5,relief=GROOVE)
pad_frame.grid(row=1,column=0,sticky=(N,S,E,W))
tk.Label(pad_frame,text='-pad-').pack()
r.rowconfigure(0, weight=1)
r.rowconfigure(1, weight=1)
r.columnconfigure(0, weight=1)
r.mainloop()

它基本上会创建2个框架，一个框架应该包含一些内容（在我的应用程序中，该框架包含可以调整大小的mathplotlib图），而另一个框架仅用于填充。

遵循以下规则调整大小：

• 内容框架使用固定的宽高比调整大小（假设始终需要为正方形）
• 打击垫框架会占用剩余的（垂直）空间

有任何想法吗？ 我已经阅读了一段时间的手册，似乎找不到合适的东西。

-丹尼尔

Answer 1

至少有两种方法可以解决此问题。 最简单的IMO是将padding小部件作为内容小部件的容器，然后使用place显式设置内容小部件的宽度和高度。 这是边缘place比grid或pack首选的边缘情况之一。

在下面的示例中，我创建了一个函数，该函数可让您传递内容框架，填充框架和宽高比。 然后，它通过纵横比和容器的大小来约束内容框架的大小。 它将使内容窗口在X维度上填充容器，然后适当设置高度。 如果生成的窗口太高而看不见，它将最大高度设置为容器的高度，然后调整宽度。

尽管这并不是我通常选择的编码方式，但我试图使大部分代码保持完整。 我给小部件提供了不同的颜色，因此更容易看到正在发生的事情。

import Tkinter as tk
from Tkconstants import *
r=tk.Tk()

def set_aspect(content_frame, pad_frame, aspect_ratio):
    # a function which places a frame within a containing frame, and
    # then forces the inner frame to keep a specific aspect ratio

    def enforce_aspect_ratio(event):
        # when the pad window resizes, fit the content into it,
        # either by fixing the width or the height and then
        # adjusting the height or width based on the aspect ratio.

        # start by using the width as the controlling dimension
        desired_width = event.width
        desired_height = int(event.width / aspect_ratio)

        # if the window is too tall to fit, use the height as
        # the controlling dimension
        if desired_height > event.height:
            desired_height = event.height
            desired_width = int(event.height * aspect_ratio)

        # place the window, giving it an explicit size
        content_frame.place(in_=pad_frame, x=0, y=0, 
            width=desired_width, height=desired_height)

    pad_frame.bind("<Configure>", enforce_aspect_ratio)

pad_frame = tk.Frame(borderwidth=0, background="bisque", width=200, height=200)
pad_frame.grid(row=0, column=0, sticky="nsew", padx=10, pady=20)
content_frame=tk.Frame(r,borderwidth=5,relief=GROOVE, background="blue")
tk.Label(content_frame,text='content').pack()
set_aspect(content_frame, pad_frame, aspect_ratio=2.0/1.0) 
r.rowconfigure(0, weight=1)
r.columnconfigure(0, weight=1)

r.mainloop()

如果包含的窗口小部件的内容可以轻松调整为容器的大小，则这将是最好的选择。 如果其中的小部件布局复杂，则当窗口缩小到其自然大小以下时，如果某些小部件不适合，则可能会被切掉。

Answer 2

您可以将函数绑定到包含内容框架和填充框架的Frame的<Configure>事件。 调整窗口大小时将触发<Configure>事件。 使用事件的width和height属性通过使用rowconfigure和columnconfigure更新行和列的权重来固定内容框架的大小

在容器框架中需要两行两列才能有一个方形的内容框架。 如果窗口很高，则需要在第二行中填充。 对于宽阔的窗口，您需要在第二栏中填充。

一个工作示例：

import Tkinter as tk
from Tkconstants import *


class Application(tk.Frame):
    def __init__(self, master, width, height):
        tk.Frame.__init__(self, master)
        self.grid(sticky=N + S + E + W)
        master.rowconfigure(0, weight=1)
        master.columnconfigure(0, weight=1)
        self._create_widgets()
        self.bind('<Configure>', self._resize)
        self.winfo_toplevel().minsize(150, 150)

    def _create_widgets(self):
        self.content = tk.Frame(self, bg='blue')
        self.content.grid(row=0, column=0, sticky=N + S + E + W)

        self.rowconfigure(0, weight=1)
        self.rowconfigure(1, weight=1)
        self.columnconfigure(0, weight=1)
        self.columnconfigure(1, weight=1)

    def _resize(self, event):
        '''Modify padding when window is resized.'''
        w, h = event.width, event.height
        w1, h1 = self.content.winfo_width(), self.content.winfo_height()
        print w1, h1  # should be equal
        if w > h:
            self.rowconfigure(0, weight=1)
            self.rowconfigure(1, weight=0)
            self.columnconfigure(0, weight=h)
            self.columnconfigure(1, weight=w - h)
        elif w < h:
            self.rowconfigure(0, weight=w)
            self.rowconfigure(1, weight=h - w)
            self.columnconfigure(0, weight=1)
            self.columnconfigure(1, weight=0)
        else:
            # width = height
            self.rowconfigure(0, weight=1)
            self.rowconfigure(1, weight=0)
            self.rowconfigure(0, weight=1)
            self.columnconfigure(1, weight=0)

root = tk.Tk()
app = Application(master=root, width=100, height=100)
app.mainloop()