如何在一个 Tkinter 框架中添加多个表

Question

我在 python 中使用了一个名为 tkintertable 的库，它实质上使我能够有效地将 table 添加到我的 Tkinter 应用程序中。我正在尝试设置 6 个不同的 tables 和 6 个图表以与此框架中的每个 table 一起使用（本质上是我的主页）但是我对 tkinter 来说是一个新手所以在组织它时遇到了一些麻烦，目前我的代码如下所示：

import tkinter as tk
from tkintertable import TableCanvas, TableModel

class MainApplication(tk.Tk):
    """Main application class"""
    def __init__(self, *args, **kwargs):
        tk.Tk.__init__(self)
        self._frame = None
        self.switch_frame(TickerInput, None)

    def switch_frame(self, frame_class, ticker):
        """Destroys current frame and replaces it with a new one."""
        
        if ticker is not None:
           new_frame = frame_class(self, ticker) 
        else:
            new_frame = frame_class(self)

        if self._frame is not None:
            self._frame.destroy()

        self._frame = new_frame
        self._frame.grid()


class TickerInput(tk.Frame):
    """Ticker input page that allows input of ticker and redirects to main indicator page"""
    def __init__(self, master):
        tk.Frame.__init__(self, master, background="#212020")

        # Centers the frame
        self.master.columnconfigure(0, weight=1)
        self.master.rowconfigure(0, weight=1)

        ticker_label = tk.Label(self, text="Enter ticker..")
        ticker_label.grid(row=0, column=1, columnspan=2)

        ticker_input = tk.Entry(self, width=35)
        ticker_input.grid(row=0, column=3)
        

        button = tk.Button(self, text="Search", command=lambda: master.switch_frame(Indicator, ticker_input.get()))
        button.grid(row=1, column=1, columnspan=3)



        
class Indicator(tk.Frame):
    """Indicator page that shows the indicators and whether its a buy or sell"""
    def __init__(self, master, ticker):
        tk.Frame.__init__(self, master)
        self.ticker = ticker
        self.master.columnconfigure(0, weight=0)
        self.master.rowconfigure(0, weight=1)
        self.columnconfigure(0, weight=1)
        self.rowconfigure(0, weight=1)

        button = tk.Button(self, text="Go Back", command=lambda: master.switch_frame(TickerInput, None))
        button.grid(column=0, row=0)


        ticker_label = tk.Label(self, text=("Current Ticker: " + self.ticker))
        ticker_label.grid(column=1, row=0)

        tableOne = Table(self)
        tableOne.grid(column=0, row=1)
        tableOne.createTable()

        # tableTwo = Table(self)
        # tableTwo.createTable()


class Table(tk.Frame):
    def __init__(self, master):
        tk.Frame.__init__(self, master)
        self.master = master
    
    def createTable(self):
        data = {'rec1': {'col1': 99.88, 'col2': 108.79, 'label': 'rec1'},
       'rec2': {'col1': 99.88, 'col2': 108.79, 'label': 'rec2'}
       } 

        model = TableModel()
        table = TableCanvas(self.master, model=model, data=data)
        table.show()

        return table




if __name__ == "__main__":
    app = MainApplication()
    app.title("Indicator Trading Confirmation Tool")
    app.geometry("1920x1080")
    app.config(background="#121212")
    app.mainloop()

这是 GUI

为什么我的返回按钮卡在 table 上，如果我将它放在不同的行并将我的权重设置为 1，这应该将它们分开 50% 正确？还有，组织这两个 grid/code 以确保 GUI 有 6 个相等 tables/charts、3 个在左边和 3 个在右边的最佳方法是什么？谢谢！

Answer 1

好了，一步步来，

将你的 Table class 替换为一个彩色框架，对我来说没有任何重叠，所以这可能只是由于 [=46= 的布局] 本身 - 快速修复可以添加一些填充
weight选项用于在调整window大小时分配额外的space，更多信息你可以看看here, there is also a nice visualization found here

为了使用 weight 控制实际使用的 width 或 height 您可能需要查看 sticky 选项17=] see for a very nice overview you can also check this 这两个都非常详细

对于您的总体布局，您可以简单地组合 weight 和 sticky 选项，如下所示：

        self.l1 = tk.Frame(self, background="red")
        self.l2 = tk.Frame(self, background="orange")
        self.l3 = tk.Frame(self, background="green")
        self.l4 = tk.Frame(self, background="blue")
        self.l5 = tk.Frame(self, background="brown")
        self.l6 = tk.Frame(self, background="yellow")

        self.rowconfigure(0, weight = 1)
        self.rowconfigure(1, weight = 1)
        self.rowconfigure(2, weight = 1)
        self.columnconfigure(0, weight = 1)
        self.columnconfigure(1, weight = 1)

        self.l1.grid(row=0, column=0, sticky="nsew")
        self.l2.grid(row=1, column=0, sticky="nsew")
        self.l3.grid(row=2, column=0, sticky="nsew")
        self.l4.grid(row=0, column=1, sticky="nsew")
        self.l5.grid(row=1, column=1, sticky="nsew")
        self.l6.grid(row=2, column=1, sticky="nsew")

宽度为 50:50，高度为 33:33:33。如果您稍后想在您的框架中添加菜单栏之类的东西，您可能希望将您的 table 框架捆绑在另一个框架中，以便让它们同样调整大小

如何在一个 Tkinter 框架中添加多个表

How To Add Multiple Tables In One Tkinter Frame

python

tkinter

tkinter-canvas