tkinter - 加权画布不填充空白空间

Posted 2023-02-23

【中文标题】tkinter - 加权画布不填充空白空间

【英文标题】：tkinter - Weighted Canvas not Filling Empty Space

【发布时间】：2016-05-12 00:36:19

【问题描述】：

从绿色可以看出，画布占据了整个屏幕。 canvasFrame 有两行，其中第二行是滚动文本小部件。第二行也被加权，但它没有填满屏幕，因为绿色区域应该是黄色的。如何让第二行填充空白空间并使滚动的文本小部件垂直扩展。

附：在此示例中，innerFrame 看起来没有必要，但它之所以存在，是因为为了简单起见，我删除了框架中的其他小部件。

代码：

import tkinter as tk
from tkinter import ttk
import tkinter.scrolledtext as tks

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

        tk.Tk.iconbitmap(self, default = "")
        tk.Tk.wm_title(self, "")

        container = tk.Frame(self)
        container.pack(side="top", fill="both", expand=True)
        container.grid_rowconfigure(0, weight=1)
        container.grid_columnconfigure(0, weight=1)

        self.frames = 
        for F in (Page, Other):

            frame = F(container, self)
            self.frames[F] = frame
            frame.grid(row = 0, column = 0, sticky = "nsew")

        self.show_frame(Page)

    def show_frame(self,cont):
        frame = self.frames[cont]
        frame.tkraise()


class Page(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)

        innerFrame = tk.Frame(self, bg="red")
        innerFrame.place(relx=.5, rely=.5, anchor="c", relwidth=1.0, relheight=1.0)

        innerFrame.grid_rowconfigure(1, weight=1)
        innerFrame.grid_columnconfigure(0, weight=1)

        frameOne = tk.Frame(innerFrame, bg="green")
        frameOne.grid(row=1, sticky="NSWE")

        self.canvas = tk.Canvas(frameOne, bg="green")

        canvasFrame = tk.Frame(self.canvas, bg="yellow")
        canvasFrame.pack()

        canvasFrame.grid_rowconfigure(1, weight=1)

        scrollbar = tk.Scrollbar(frameOne, orient="horizontal", command=self.canvas.xview)
        self.canvas.configure(xscrollcommand=scrollbar.set)
        scrollbar.pack(side="bottom", fill="x")

        self.canvas.pack(fill="both", expand=True)
        self.canvas.create_window((0, 0), window=canvasFrame, anchor="nw")

        for x in range(5):
            pagename = tk.Label(canvasFrame, text = "Unit Name")
            pagename.grid(row=0, column=x, sticky="NSEW")
            text = tks.ScrolledText(canvasFrame, width=50)
            text.grid(row=1, column=x ,sticky="NSEW")

        canvasFrame.bind("<Configure>", self.onFrameConfigure)

    def onFrameConfigure(self, event):
        '''Reset the scroll region to encompass the inner frame'''
        self.canvas.configure(scrollregion=self.canvas.bbox("all"))


class Other(tk.Frame):
    def __init__(self, parent, controller):
        tk.Frame.__init__(self, parent)

app = Program()
app.state('zoomed')
app.mainloop()

【问题讨论】：

你为什么使用画布？如果您拥有的只是其中的可滚动小部件，则不需要画布。或者其他两个框架。你让问题变得比它需要的复杂得多。

我需要水平滚动条的画布，我在画布之外还有一些小部件，它们在它的上方和下方。水平滚动条是滚动到屏幕外的 Scrolledtext 小部件所必需的。

【参考方案1】：

您的canvasFrame 没有理由扩展以填充画布。您已将小部件放入其中，框架将缩小以适合小部件。

最常见的解决方法是给画布的<Configure>事件添加绑定，获取画布的高度，并使用画布的itemconfigure方法将框架的高度调整为与画布的高度。

class Page(...):
    def __init__(...):
        ...
        self.frame_id = self.canvas.create_window(...)
        ...
        self.canvas.bind("<Configure>", self.onCanvasConfigure)

    def onCanvasConfigure(self, event):
        # you might need to subtract a little to account for borders,
        # padding, etc.
        self.canvas.itemconfigure(self.frame_id, height=event.height)