Python Tkinter画布滚动条致框架内容截断问题排查

看起来你遇到的问题是布局权重配置不完整，加上scrollregion设置时机的小细节导致的。咱们一步步来修复这个问题：

问题根源分析 #

当你调用self.canvasCenter.configure(scrollregion=self.canvasCenter.bbox("all"))时，Tkinter会根据画布内容的尺寸重新计算可用空间，但如果父容器的列权重没有正确配置，画布就无法占据全部可用宽度。另外，你的centerFrame错误地把权重给了第14列（cNumber），但画布实际放在第0列，这就导致画布没有足够的空间扩展。

具体修复步骤 #

1. 修正容器列权重：给画布所在的父容器列设置weight=1，确保画布能拉伸填充全部宽度
2. 调整控件布局位置：修复按钮重叠、滚动条列位置错误的问题
3. 绑定尺寸变化事件：让scrollregion在内容更新时自动适配，不用手动重复调用
4. 修正行号递增逻辑：避免新添加的行覆盖已有内容

修正后的完整代码 #

#!/usr/bin/python
# -*- coding: iso-8859-1 -*-
import sys
if sys.version_info.major == 2:
    # We are using Python 2.x
    import Tkinter as tk
    range = xrange  # 兼容Python2的range语法
elif sys.version_info.major == 3:
    # We are using Python 3.x
    import tkinter as tk

# Title of the application shown in title bar
appTitle = "My APP"
# Layout geometry (size of the window)
lWidth = 768
lHeight = 900

# Colours for foreground and background for labels and entry fields
headerBG = "white"
labelBG = "white"
labelFG = "black"

# Number of columns (keep in Sync with headers and width list below!)
cNumber = 14
cWidth = [5,7,5,5,5,5,5,5,5,5,5,5,5,10]
cHeaders = ["C1", "C2", "C3", "C4", "C5", "C6", "C7", "C8", "C9", "C10", "C11", "C12", "C13", "C14" ]

class logBookGUI(tk.Tk):
    def __init__(self,parent):
        tk.Tk.__init__(self,parent)
        self.parent = parent
        self.lineCount = 0
        self.initialize()

    def initialize(self):
        # Create master frame
        self.masterFrame = tk.Frame(self, bg=headerBG, bd=4, relief="groove")
        self.masterFrame.grid(sticky=tk.NSEW)
        self.masterFrame.columnconfigure(0, weight=1)  # 让masterFrame的唯一列占满窗口宽度
        self.grid_columnconfigure(0, weight=1)  # 主窗口列权重，确保masterFrame填满

        # Create Header frame for Standard Info
        self.headerFrame = tk.Frame(self.masterFrame, bg=headerBG, bd=2, relief="groove")
        self.headerFrame.grid(row=0, column=0, sticky=tk.NSEW)
        self.headerFrame.columnconfigure(cNumber-1, weight=1)  # 让最后一列的按钮拉伸

        # Label Bootsname
        boatNameLabel = tk.Label(self.headerFrame, text="Bootsname", anchor="w", fg=labelFG,bg=labelBG)
        boatNameLabel.grid(column=0, row=0, sticky=tk.NSEW)
        # Field Bootsname
        self.boatName = tk.StringVar()
        self.boatNameEntry = tk.Entry(self.headerFrame,textvariable=self.boatName, width = cWidth[0])
        self.boatNameEntry.grid(column=1,row=0, sticky=tk.NSEW)
        self.boatName.set(u"Solva")

        # 调整按钮起始列，避免覆盖Bootsname输入框
        for i in range(cNumber-2):
            button = tk.Button(self.headerFrame,text=u"T %s" %i, command=self.OnButtonClick)
            button.grid(column=i+2,row=0, sticky=tk.NSEW)

        button = tk.Button(self.headerFrame,text=u"TEST", command=self.OnButtonClick)
        button.grid(column=cNumber-2,row=0, sticky=tk.NSEW)

        button = tk.Button(self.headerFrame,text=u"Neue Zeile", command=self.newLineClick)
        button.grid(column=cNumber-1,row=1, sticky=tk.NSEW)

        # Create center frame
        self.centerFrame = tk.Frame(self.masterFrame, bg=headerBG, bd=2, relief="groove")
        self.centerFrame.grid(row=1, column=0, sticky=tk.NSEW)
        self.centerFrame.columnconfigure(0, weight=1)  # 让画布所在列占满centerFrame宽度

        # Create canvas for center frame
        self.canvasCenter = tk.Canvas(self.centerFrame)
        self.canvasCenter.grid(row=0, column=0, sticky=tk.NSEW)  # 让画布拉伸填充父容器

        # Create vertical scrollbar linked to the canvas
        vsbar = tk.Scrollbar(self.centerFrame, orient=tk.VERTICAL, command=self.canvasCenter.yview)
        vsbar.grid(row=0, column=1, sticky=tk.NSEW)  # 滚动条放在第1列，而非错误的第14列
        self.canvasCenter.configure(yscrollcommand=vsbar.set)

        # Create content frame on canvas
        self.contentFrame = tk.Frame(self.canvasCenter, bg="Red", bd=2, relief="groove")
        self.contentFrame.grid(row=0, column=0, sticky=tk.NSEW)
        # 给contentFrame的所有列设置权重，让输入框拉伸
        for col in range(cNumber):
            self.contentFrame.columnconfigure(col, weight=1)

        # Add column headers
        column = 0
        for header in cHeaders:
            label = tk.Label(self.contentFrame, text=header, anchor="w", fg=labelFG,bg=labelBG,borderwidth=2,relief="groove", width = cWidth[column])
            label.grid(column = column, row=1, sticky="EW")
            column += 1

        self.addLine()

        # Create canvas window to hold contentFrame
        self.canvasCenter.create_window((0,0), window=self.contentFrame, anchor=tk.NW)

        # 绑定contentFrame尺寸变化事件，自动更新滚动区域
        self.contentFrame.bind("<Configure>", lambda e: self.canvasCenter.configure(scrollregion=self.canvasCenter.bbox("all")))

        self.resizable(True,False)
        self.geometry("%sx%s" % (lHeight, lWidth))

    def newLineClick(self):
        self.addLine()

    def OnButtonClick(self):
        pass

    def OnPressEnter(self,event):
        pass

    def addLine(self):
        tkLine = []
        try:
            self.lineCount +=1  # 每次添加行递增计数
            for i in range(cNumber):
                self.entryVar = tk.StringVar()
                self.entry = tk.Entry(self.contentFrame,textvariable=self.entryVar,width=cWidth[i])
                self.entry.grid(column=i, row = self.lineCount + 1, sticky='EW')  # 调整行号避免覆盖表头
                tkLine.append(self.entryVar)
        except Exception as e:
            print(e)

if __name__ == "__main__":
    app = logBookGUI(None)
    app.title(appTitle)
    app.mainloop()

关键修改说明 #

1. 布局权重修正：给masterFrame、centerFrame的对应列设置weight=1，确保控件能拉伸填充可用空间
2. 滚动条位置调整：把滚动条放在合理的第1列，而非错误的第14列
3. 按钮位置修复：调整循环按钮的起始列，避免覆盖Bootsname输入框
4. 自动更新scrollregion：通过绑定<Configure>事件，每次内容尺寸变化时自动适配滚动区域
5. 行号逻辑修正：添加行时递增lineCount，确保新行不会覆盖已有内容

这样修改后，设置scrollregion时画布就能正常占据全部宽度，滚动功能也能正常工作，添加新行后滚动条会自动适配内容高度。

内容的提问来源于stack exchange，提问作者Gernot