python - 在 tkinter 上的同一窗口中绘制图形和表格

Question

我想要一个顶级窗口来显示图像以及图像旁边的信息表。

我已经使用 imshow() 成功地显示了图像。我想知道两件事:

• 如何在 tkinter 中构建表格？我找不到这方面的小部件。
• 如何在同一帧中并排显示两者？

如果有帮助的话，到目前为止我为这个顶级窗口编写的代码如下:

top = Toplevel()
view_nets = Frame(top)
view_nets.grid()

# Widgets
f = Figure(figsize=(10,8),dpi=100)
F = f.add_subplot(111)

# Read data
net = np.genfromtxt(file_path)
# Plot the network.
im = F.imshow(net)

canvas = FigureCanvasTkAgg(f,master = top)
canvas.show()
canvas.get_tk_widget().grid(column = 0, row = 0)

toolbar = NavigationToolbar2TkAgg( canvas, top )
toolbar.update()
canvas._tkcanvas.pack(side=TOP, fill=BOTH, expand=1)

正如我所说，这显示了图像。理想情况下，我希望在图像旁边有一个关于图像的信息表。

感谢您的帮助!

Answer 1

对于表，我假设您需要包含值的记录行。为此我推荐 Treeview Widget out of tkinter.ttk .

当谈到将两者放在一起时，我假设您认为 pyplot 图形周围的灰色边框是图表本身的一部分(换句话说，您并没有尝试将表格放置在直接进入灰色区域或绘图 Canvas )。为此，我重新安排了您填充 tk.Toplevel 的方式，因为您一开始就没有使用 view_nets 。

import tkinter as tk, tkinter.ttk as ttk
import matplotlib.pyplot as plt
import matplotlib.backends.backend_tkagg as TkAgg
import numpy as np

top=tk.Toplevel()

view_nets = tk.Frame(top)
view_nets.pack(side='left',fill='both',expand=True) ## Packing Left in order to place
                                                    ## another Frame next to it

# Widgets
f = plt.Figure(figsize=(10,8),dpi=100)
F = f.add_subplot(111)

canvas = TkAgg.FigureCanvasTkAgg(f,master = view_nets) ## Moved Chart to view_nets Frame
canvas.show()
## canvas.get_tk_widget().grid(column = 0, row = 0) I'll explain commenting this out below

toolbar = TkAgg.NavigationToolbar2TkAgg( canvas, view_nets )
toolbar.update()
canvas._tkcanvas.pack(fill='both',expand=True)

## Adding Frame to bundle Treeview with Scrollbar (same idea as Plot+Navbar in same Frame)
tableframe = tk.Frame(top)
tableframe.pack(side='left',fill='y') ## Packing against view_nets Frame

COLUMNS=['name','value'] ## Column Headers for Data

## See Documentation for more info on Treeview
table=ttk.Treeview(tableframe, columns=COLUMNS, show='headings')
table.pack(side='left',fill='y')

for column in COLUMNS: ## Setting Column Header
    table.heading(column,text=column)

scroll=tk.Scrollbar(tableframe,command=table.yview) ## Adding Vertical Scrollbar
scroll.pack(side='left',fill='y')
table.configure(yscrollcommand=scroll.set) ## Attach Scrollbar

如果由于某些原因，您需要将图表和表格放在独立的框架中(而不是顶层的框架)，那么您可以简单地包装view_nets和tableframe 在框架中(将其父级更改为框架)。

我要提到的另一件事是，如果您(至少)包含导入，那么对每个人来说都会更容易；实际上，我今天才开始学习 matplotlib，这是我可以推断您正在使用该库的唯一原因(即使如此，我也必须四处寻找以找出如何导入 TkAgg Widgets)。根据我的经验，保留模块引用(例如导入 Numpy 的方式)只有好处，因为直接导入模块内容可能会出现问题(即 from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg；或更糟糕的是，导入 *)。

对于“canvas.get_tk_widget().grid(column = 0, row = 0)”行，我从中得到了几何错误。查看源代码，TkAgg 小部件实际上将自己打包到父级。这意味着他们不实际上创建自己的框架(这是我的习惯)，如果用户为该框架定义几何管理器，这将导致几何错误(尽管我会说编写 matplotlib/pyplot 的人几乎肯定比我聪明) ，所以他们这样做可能是有原因的)。

无论如何，希望这对您有所帮助；如果您有任何疑问，请告诉我!