Question

您好，我正在制作一个带有标题的表，该标题的文本用于命名列，存储数据的单元格并进行滚动。

我遇到的问题是我的表格无法正确显示。应该发生的是标题应该显示在上方，而下方没有其他空间。（除了我添加的小填充），单元格正确显示在标题的正下方。

滚动将对y方向的单元格起作用。对于单元格和标题，滚动也可以在x方向上进行。

将单元格添加到框架中的函数只需简单地创建，然后使用grid（row，column）添加标头只有1行，因此不应有空格。

import tkinter as tk
import collections
from enum import Enum

window = tk.Tk() # Root (main) window

def main():
    window.title('Table')
    window.geometry("1024x600")
    window.update_idletasks()
    table_frame = tk.Frame(window, background='black')
    table_frame.pack(fill='x')
    table = Table(table_frame, 30, 15)
    print(id(table))

    window.mainloop()

class Table:

    def __init__(self, frame, rowCount, columnCount):
        self._rowCount = rowCount
        self._columnCount = columnCount

        main_frame = tk.Frame(frame, bg='blue')
        main_frame.pack(fill='both')

        self._headerCanvas = tk.Canvas(main_frame)
        self._headerCanvas.grid(row=0, column=0, pady=1, sticky='ew')

        self._cellCanvas = tk.Canvas(main_frame)
        self._cellCanvas.grid(row=1, column=0, sticky='ew')

        scroll_bar_y = tk.Scrollbar(main_frame, orient=tk.VERTICAL, command=self._cellCanvas.yview)
        scroll_bar_y.grid(row=1, column=1, padx=1, sticky='ns')

        scroll_bar_x = tk.Scrollbar(main_frame, orient=tk.HORIZONTAL, command=self.xViewScroll)
        scroll_bar_x.grid(row=2, column=0, pady=1, sticky='ew')

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

        self._cellCanvas.configure(xscrollcommand=scroll_bar_x.set, yscrollcommand=scroll_bar_y.set) #, width=(main_frame.winfo_width()-scroll_bar_y.winfo_width()))

        header_frame = tk.Frame(self._headerCanvas)
        self._headers = Table.ColumnHeaders(header_frame, self._columnCount)
        cell_frame = tk.Frame(self._cellCanvas)
        self._cells = Table.Cells(cell_frame, self._rowCount, self._columnCount)

        self._headerCanvas.create_window(0, 0, window=header_frame, anchor='nw')
        self._headerCanvas.update_idletasks()
        self._cellCanvas.create_window(0, 0, window=cell_frame, anchor='nw')
        self._cellCanvas.update_idletasks()
        self._headerCanvas.configure(scrollregion=self._cellCanvas.bbox("all"))
        self._cellCanvas.configure(scrollregion=self._cellCanvas.bbox("all"))

    def xViewScroll(self, *args):
        self._headerCanvas.xview(*args)
        self._cellCanvas.xview(*args)


    class Cells:

        class Types(Enum):
            Entry = 0
            Button = 1

        class Cell:
            def __init__(self, widget, text=''):
                self._text = text
                self._widget = widget


            def getWidget(self):
                return self._widget

            def setWidget(self, widget):
                self._widget = widget

            widget = property(getWidget, setWidget, "Get and set the widget of a cell.")


        def __init__(self, frame, rows, columns, cellTypes=Types.Entry):
            self._cells = [[],[]]

            for r in range(rows):
                self._cells.append([])
                for c in range(columns):
                    self._cells[r].append(c)
                    if cellTypes == Table.Cells.Types.Entry:
                        self._cells[r][c] = Table.Cells.Cell(tk.Entry(frame, width=15))
                    elif cellTypes == Table.Cells.Types.Button:
                        self._cells[r][c] = Table.Cells.Cell(tk.Button(frame, width=12))

                    self._cells[r][c].widget.grid(row=r, column=c)


        def getCell(self, row, column):
            return self._cells[row][column]

        def setCell(self, row, column, cell):
            self._cells[row][column] = cell

        cells = property(getCell, setCell, "Get and set a cell in the table.")


    class ColumnHeaders:
        def __init__(self, widget, columnCount):
            self._widget = widget
            self._columnCount = columnCount
            self._headers = Table.Cells(self._widget, 1, self._columnCount, cellTypes=Table.Cells.Types.Button)
main()

这是他们当前的显示方式。

调整屏幕大小后，这就是原稿的外观。标题位于上方的单元格下方，仅具有填充空间。

如果我再缩小一点，则会导致另一个问题，滚动条和标题从视图中消失。但是，右侧的滚动条永远不会消失。（我猜这是因为我无法再缩小屏幕了。

这是main_frame.grid_rowconfigure（1，weight = 1）发生的情况将其调整为较小的窗口后，将导致此情况。

Answer 1

问题：Frame网格大小显示不正确

您被误导了，header_frame 并非使用.grid(...)进行布局。
使用.create_window(...将小部件添加到Canvas的固定位置0, 0, anchor='nw'。因此，发生否 “网格布局管理器” 魔术，如自动调整大小。

为什么要获得此版式？

注意：main_frame == 'blue'，_headerCanvas == 'lightgreen'，_cellCanvas == 'red'：


  布局：A布局：B布局：C布局：C布局：

        self._headerCanvas = tk.Canvas(main_frame, bg='lightgreen')
        self._headerCanvas.grid(row=0, column=0, pady=1, sticky='ew')

        main_frame.grid_rowconfigure(1, weight=1)

        self._cellCanvas = tk.Canvas(main_frame, bg='red')
        self._cellCanvas.grid(row=1, column=0, sticky='ew')

布局：A ：您使用默认的Canvas创建了两个height。因此，您可以使用“网格布局管理器” 获得类似的布局。

布局：B ：在Canvas单元格Frame上添加它，不会在版式上进行任何更改。

布局：C ：将Canvas height与header_frame height的结果同步。

使用.bind('<Configure>'

header_frame = tk.Frame(self._headerCanvas)
header_frame.bind('<Configure>', self.on_configure)

def on_configure(self, event):
    # Sync _headerCanvas height with header_frame height
    w = event.widget
    self._headerCanvas.configure(height=w.winfo_height())

使用.update_idletask()

    header_frame = tk.Frame(self._headerCanvas)
    self._headers = Table.ColumnHeaders(header_frame, self._columnCount)
    root.update_idletasks()
    self._headerCanvas.configure(height=header_frame.winfo_height())

仍然不是您想要的吗？
布局：D ：您已通过以下操作使.grid(row=1尽可能增长：

    main_frame.grid_rowconfigure(1, weight=1)

但是您不允许Canvas使用sticky='ns'来增长。这导致上方/下方的'blue'空间。更改为sticky='nsew'。

tkinter.Frame.Grid尺寸显示不正确

1 个答案: