使用Tkinter解决帧扩展问题

时间:2018-07-25 18:22:21

标签: python user-interface tkinter expand subclassing

我的目标是让我新生的自定义GUI应用程序(其子类为tkinter.Frame)在调整其父窗口的大小时在两个方向上独立扩展。当我第一次仅使用本机tkinter类在脚本中构建它时,此方法就起作用了(有关该代码,请参见文章底部),但是自从我将其重构为子类(请参见下面的第一段代码)以来,它坚持调整大小时保持其原始比例。就是说,如果我最大化父窗口,则主GUI框架仅沿对角线方向扩展,直到其到达屏幕底部为止。然后,右边窗口的其余部分留为空白灰色空间。

我的问题是:导致此问题的类实现中我做错了什么?

Here is a screenshot的问题,下面是用于在图片中生成GUI的代码(不好意思的配色方案,只是为了在设计/调试时使我的框架保持整齐):

[已编辑以删除不必要的代码(在这一部分中,事实证明,要生成比我原来想象的要多的帧是必需的,所以我不能削减那么多):]

from tkinter import *
from tkinter import ttk

class CharDbGui(Frame):
    # Mage character database object
    def __init__(self, root, database=None, *args, **kwargs):
        Frame.__init__(self, root, *args, **kwargs)
        self.root = root

        ### Broad layout into color-coded frames first ###
        self.rowweight(range(1, 5), [10, 40, 40, 10])
        self.colweight(range(1, 4), [25, 75, 25])
        top_toolbar = Frame(self, bg="green", height=50, width=1)
        top_toolbar.grid(row=1, column=1, columnspan=4, sticky=E+W+N+S)
        leftbox = Frame(self, height=1, width=1)
        leftbox.grid(row=2, column=1, rowspan=2, sticky=N+S+E+W)
        midbox = Frame(self, bg="white", height=1, width=1)
        midbox.grid(row=2, column=2, rowspan=2, sticky=N+S+E+W)
        righttopbox = Frame(self, bg="black", height=1, width=1)
        righttopbox.grid(row=2, column=3, sticky=N+S+E+W)
        rightbottombox = Frame(self, bg="purple", height=1, width=1)
        rightbottombox.grid(row=3, column=3, sticky=N+S+E+W)
        bottombox = Frame(self, bg="orange", height=1, width=1)
        bottombox.grid(row=4, column=1, columnspan=4, sticky=N+S+E+W)
        entity_type_list = ttk.Treeview(leftbox)
        entity_type_list.pack(expand=True, side=LEFT, fill=BOTH)
        sb_etl = Scrollbar(leftbox)
        sb_etl.pack(side=LEFT, fill=Y)

        ### Placeholder widgets ###
        mainbox = Text(midbox, bg="white")
        mainbox.pack(expand=True, fill=BOTH)
        reserved = Text(rightbottombox, bg="purple", width=1)
        reserved.pack(expand=True, fill=BOTH)
        logbox = Text(bottombox, height=6, width=80, bg="orange")
        logbox.pack(expand=True, fill=BOTH)

        ### Create buttons at upper half of right edge ###
        # Create frame to contain the buttons
        bwidth = 12  # button width
        b1 = Button(righttopbox, text="New", width=12)
        b1.grid(row=1, column=1, sticky="")
        b2 = Button(righttopbox, text="Edit", width=12)
        b2.grid(row=2, column=1, sticky="")
        b3 = Button(righttopbox, text="Organize", width=12)
        b3.grid(row=3, column=1, sticky="")
        b4 = Button(righttopbox, text="Templates", width=12)
        b4.grid(row=4, column=1, sticky="")
        b5 = Button(righttopbox, text="Delete", width=12)
        b5.grid(row=5, column=1, sticky="")

        # Space buttons vertically
        righttopbox.grid_rowconfigure(1, weight=1)
        righttopbox.grid_rowconfigure(2, weight=1)
        righttopbox.grid_rowconfigure(3, weight=1)
        righttopbox.grid_rowconfigure(4, weight=1)
        righttopbox.grid_rowconfigure(5, weight=1)

        # add self to root
        self.pack(expand=True, fill=BOTH)

    def rowweight(self, index, weight):
        # Adjust weight(s) of row(s).
        if type(index) == int:  # Singleton case
            assert(type(weight) == int)
            self.root.grid_rowconfigure(index, weight=weight)
        else:  # Range case
            assert(len(index) == len(weight))
            for i, w in zip(index, weight):
                self.root.grid_rowconfigure(i, weight=w)

    def colweight(self, index, weight):
        # Adjust weight(s) of column(s).
        if type(index) == int:  # Singleton case
            assert(type(weight) == int)
            self.root.grid_columnconfigure(index, weight=weight)
        else:  # Range case
            assert(len(index) == len(weight))
            for i, w in zip(index, weight):
                self.root.grid_columnconfigure(i, weight=w)

    def fillDefaults(self):
        # Placeholder values to test with
        self.root.title("Test Database")
        # Populate the list with some initial values
        initvals_etl = ["Characters", "Items"]
        for x in initvals_etl:
            self.tree.insert('', END, x, text=str(x))

        y = self.tree.insert('', END, "nums", text="Numbers")
        for x in range(100):
            self.tree.insert(y, END, x, text=str(x))

    def launch(self):
        self.root.mainloop()


if __name__ == '__main__':
    root = Tk()
    gui = CharDbGui(root)
    root.wm_state('zoomed')
    gui.launch()

然后here is a picture我想要的样子,下面是用于生成它的非类代码:

[已编辑,删除了不必要的代码:]

from tkinter import *
from tkinter import ttk

### FUNCTION DEFINITIONS ###
def rowweight(index, weight):
    # Adjust weight(s) of row(s).
    if type(index) == int:  # Singleton case
        assert(type(weight) == int)
        master.grid_rowconfigure(index, weight=weight)
    else:  # Range case
        assert(len(index) == len(weight))
        for i, w in zip(index, weight):
            master.grid_rowconfigure(i, weight=w)


def colweight(index, weight):
    # Adjust weight(s) of column(s).
    if type(index) == int:  # Singleton case
        assert(type(weight) == int)
        master.grid_columnconfigure(index, weight=weight)
    else:  # Range case
        assert(len(index) == len(weight))
        for i, w in zip(index, weight):
            master.grid_columnconfigure(i, weight=w)


### BUILDING THE GUI LAYOUT AND WIDGETS ###
# Create window that frames all our pieces
master = Tk()
master.title("Test Database")

### Broad layout into frames first ###
rowweight(range(1, 5), [10, 40, 40, 10])
colweight(range(1, 4), [25, 75, 25])
top_toolbar = Frame(master, bg="green", height=50, width=1)
top_toolbar.grid(row=1, column=1, columnspan=4, sticky=E+W+N+S)
leftbox = Frame(master, height=1, width=1)
leftbox.grid(row=2, column=1, rowspan=2, sticky=N+S+E+W)
midbox = Frame(master, bg="white", height=1, width=1)
midbox.grid(row=2, column=2, rowspan=2, sticky=N+S+E+W)
righttopbox = Frame(master, bg="black", height=1, width=1)
righttopbox.grid(row=2, column=3, sticky=N+S+E+W)
rightbottombox = Frame(master, bg="purple", height=1, width=1)
rightbottombox.grid(row=3, column=3, sticky=N+S+E+W)
bottombox = Frame(master, bg="orange", height=1, width=1)
bottombox.grid(row=4, column=1, columnspan=4, sticky=N+S+E+W)

master.mainloop()

1 个答案:

答案 0 :(得分:0)

小说在评论中对这个问题给出了正确答案:

  

您为根部设置了权重,但需要为框架设置权重。   将self.root.grid_columnconfigure(index,weight = weight)更改为   self.grid_columnconfigure(index,weight = weight),对于   行。

回去时,我在设计类时给东西加了“ root”,这实在是太过分了,直到注释中指出,我才注意到我已经这样做了。