Question

我想让我的滚动条位于框架的底部，我的文本小部件将整个框架填充到滚动条上方。我找到了关于宽度配置here的一些解决方案，但是当我尝试用高度替换宽度时，它无法正常工作。

from tkinter import *
from tkinter import ttk

class MainView(Frame):

    def FrameHeight(self, event):
        canvas_height = event.height
        self.canvas.itemconfig(self.canvas_frame, height=canvas_height)

    def OnFrameConfigure(self, event):
        self.canvas.config(scrollregion=self.canvas.bbox("all"))

    def __init__(self, *args, **kwargs):
        Frame.__init__(self, *args, **kwargs)
        self.grid_columnconfigure(0, weight=1)
        self.grid_rowconfigure(0, weight=1)

        sensorsFrame = Frame(self)
        sensorsFrame.grid(row=0, sticky="nsew")
        sensorsFrame.grid_columnconfigure(0, weight=1)
        sensorsFrame.grid_rowconfigure(0, weight=1)

        self.canvas = Canvas(sensorsFrame)
        self.sensorsStatsFrame = Frame(self.canvas)
        self.canvas.grid_rowconfigure(0, weight=1)
        self.sensorsStatsFrame.grid_rowconfigure(0, weight=1)

        myscrollbar = Scrollbar(sensorsFrame,orient=HORIZONTAL,command=self.canvas.xview)
        self.canvas.configure(xscrollcommand=myscrollbar.set)
        self.canvas.pack(fill=BOTH, expand=1)
        myscrollbar.pack(fill=X, expand=1)

        test0 = Text(self.sensorsStatsFrame, state=DISABLED)
        test1 = Text(self.sensorsStatsFrame, width=150)
        test0.grid(column=0, row=0, sticky="nsew")
        test1.grid(column=1, row=0, sticky="nsew")

        self.canvas_frame = self.canvas.create_window((0,0),window=self.sensorsStatsFrame,anchor='nw')
        self.sensorsStatsFrame.bind("<Configure>", self.OnFrameConfigure)

        #When I try to use what i found
        #self.canvas.bind('<Configure>', self.FrameHeight)

if __name__ == "__main__":
    root = Tk()
    main = MainView(root)
    main.pack(fill="both", expand=1)
    root.wm_geometry("1100x500")
    root.wm_title("MongoDB Timed Sample Generator")
    root.mainloop()

Answer 1

步骤1：删除滚动条上方和下方的空间

expand选项确定tkinter如何处理未分配的空间。额外空间将均匀分配给值为1或True的所有小部件。因为它为滚动条设置为1，所以会给它一些额外的空间，从而导致窗口小部件上方和下方的填充。

您想要的是将所有空间仅分配给画布。通过在滚动条上将expand设置为零来执行此操作：

myscrollbar.pack(fill=X, expand=0)

步骤2：当画布改变大小

时调用一个函数

下一个问题是，当画布改变大小时，您希望内部框架增长，因此您需要绑定到画布的<Configure>事件。

def OnCanvasConfigure(self, event):
    <code to set the size of the inner frame>
...
self.canvas.bind("<Configure>", self.OnCanvasConfigure)

步骤3：让画布控制内框的大小

您无法在OnCanvasConfigure中更改内框的大小，因为框架的默认行为是缩小以适合其内容。在这种情况下，您希望内容扩展以适合框架而不是框架缩小以适合内容。

有几种方法可以解决这个问题。您可以关闭内部框架的几何体传播，这将阻止内部窗口小部件更改框架的大小。或者，您可以让画布强制框架的大小。

第二种解决方案是最简单的。我们所要做的就是使用画布的高度作为帧高，以及帧宽的内部文本小部件的宽度之和。

def OnCanvasConfigure(self, event):
    width = 0
    for child in self.sensorsStatsFrame.grid_slaves():
        width += child.winfo_reqwidth()

    self.canvas.itemconfigure(self.canvas_frame, width=width, height=event.height)

第4步：修复滚动条

还有一个问题需要解决。如果您调整窗口大小，您会注意到如果窗口太小，tkinter会切断滚动条。您可以通过删除调整窗口大小的功能来解决此问题，但您的用户会讨厌这个。

更好的解决方案是在剪切滚动条之前使文本窗口小部件缩小。您可以通过调用pack的顺序来控制它。

当没有足够空间容纳所有小部件时，tkinter将开始减小小部件的大小，从添加到窗口的最后一个小部件开始。在您的代码中，滚动条是最后一个窗口小部件，但是如果您将其设置为画布，则滚动条将保持不变，并且画布将缩小（这反过来会导致框架缩小，从而导致文本窗口小部件缩小）。 / p>

myscrollbar.pack(side="bottom", fill=X, expand=0)
self.canvas.pack(fill=BOTH, expand=1)

Answer 2

将包布局更改为self.canvas和myscrollbar的网格布局使其正常工作。

from tkinter import *
from tkinter import ttk

class MainView(Frame):

    def FrameHeight(self, event):
        canvas_height = event.height
        self.canvas.itemconfig(self.canvas_frame, height = canvas_height)

    def OnFrameConfigure(self, event):
        self.canvas.config(scrollregion=self.canvas.bbox("all"))

    def __init__(self, *args, **kwargs):
        Frame.__init__(self, *args, **kwargs)
        self.grid_columnconfigure(0, weight=1)
        self.grid_rowconfigure(0, weight=1)

        sensorsFrame = Frame(self)
        sensorsFrame.grid(row=0, sticky="nsew")
        sensorsFrame.grid_rowconfigure(0, weight=1)
        sensorsFrame.grid_columnconfigure(0, weight=1)


        self.canvas = Canvas(sensorsFrame, bg="blue")
        self.sensorsStatsFrame = Frame(self.canvas)
        self.canvas.grid_rowconfigure(0, weight=1)
        self.sensorsStatsFrame.grid_rowconfigure(0, weight=1)

        myscrollbar = Scrollbar(sensorsFrame,orient=HORIZONTAL,command=self.canvas.xview)
        self.canvas.configure(xscrollcommand=myscrollbar.set)
        self.canvas.grid(row=0, sticky="nsew")
        myscrollbar.grid(row=1, sticky="nsew")

        test0 = Text(self.sensorsStatsFrame, state=DISABLED, bg="red")
        test1 = Text(self.sensorsStatsFrame, width=150)
        test0.grid(column=0, row=0, sticky="nsew")
        test1.grid(column=1, row=0, sticky="nsew")

        self.canvas_frame = self.canvas.create_window((0,0),window=self.sensorsStatsFrame,anchor='nw')
        self.sensorsStatsFrame.bind("<Configure>", self.OnFrameConfigure)
        self.canvas.bind('<Configure>', self.FrameHeight)

if __name__ == "__main__":
    root = Tk()
    main = MainView(root)
    main.pack(fill="both", expand=1)
    root.wm_geometry("1100x500")
    root.wm_title("MongoDB Timed Sample Generator")
    root.mainloop()

画布中的Tkinter窗口不会填充其父级的高度

2 个答案:

步骤1：删除滚动条上方和下方的空间

步骤2：当画布改变大小

步骤3：让画布控制内框的大小

第4步：修复滚动条