在 tkinter 的同一窗口中绘制图形和表格答案

【问题标题】：Plotting a graph and a table in the same window on tkinter在 tkinter 的同一窗口中绘制图形和表格
【发布时间】：2016-06-21 17:17:15
【问题描述】：

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

我已成功使用 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)

正如我所说，这显示了图像。理想情况下，我想要一张关于图像的信息表，就在它旁边。

感谢您的帮助！

【问题讨论】：

标签： python user-interface matplotlib tkinter tkinter-canvas

【解决方案1】：

对于表格，我假设您想要带有值的记录行。为此，我推荐Treeview Widget out of tkinter.ttk。

当将两者放在一起时，我假设您认为 pyplot 图形周围的灰色边框是图表本身的一部分（换句话说，您不是试图放置表格直接进入灰色区域或绘图画布）。为此，我重新安排了您填充 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 小部件）。以我的经验，只有保留模块引用（例如您如何导入 Numpy）才有好处，因为直接导入模块内容可能会出现问题（即从 matplotlib.backends.backend_tkagg import FigureCanvasTkAgg; 或更糟糕的是，导入 *）。

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

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

【讨论】：

非常感谢您的帮助！这绝对是完美的。非常感谢！
很高兴为您提供帮助 :) 如果您对这个问题没有其他需要，您可以点击答案旁边的复选标记，将问题标记为“已回答”