2、使用matplotlib绘制图形，并在基于tkinter的窗口中显示。第二步集成到View框架代码中。

同样使用面向对象设计方法，定义一个tk.Frame派生类，class PlotCurve(tk.Frame)。此类在窗口中作为一个控件显示。

 

# -*- coding: utf-8 -*-
"""
使用matplotlib绘制图形，并在窗口中显示
"""import tkinter as tk
from tkinter import ttk# 绘图需要
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk
from matplotlib.figure import Figure# 定义一个tk.Frame派生类，class PlotCurve(tk.Frame):
# 绘图需要
# from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk
# from matplotlib.figure import Figureclass PlotCurve(tk.Frame):def __init__(self, parent):super().__init__(parent)self.name = "Class: PlotCurve(tk.Frame)"# 创建Matplotlib图形和画布fig = Figure(figsize=(5, 5), dpi=100)a = fig.add_subplot(111)a.plot([1, 2, 3, 4, 5, 6, 7, 8], [5, 6, 1, 3, 8, 9, 3, 5])canvas = FigureCanvasTkAgg(fig, self)canvas.draw()canvas_widget = canvas.get_tk_widget()canvas_widget.pack(side=tk.TOP, fill=tk.BOTH, expand=True)self.print_class()def print_class(self):print(self.name)if __name__ == "__main__":root = tk.Tk()PlotCurve(root).pack()root.mainloop()

将调试通过的tk.Frame派生类，class PlotCurve(tk.Frame)集成到 《1、搭建基于tkinter的一个View框架，实现多个页面切换》中定义的框架代码中。

# -*- coding: utf-8 -*-import tkinter as tk
from tkinter import ttk
# 绘图需要
from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk
from matplotlib.figure import Figure
# 设置全局字体样式
LARGE_FONT = ("Verdana", 12)# 定义一个tk.Tk派生类
class AppView(tk.Tk):def __init__(self):super().__init__()self.name ="Class: Application(tk.Tk)"self.wm_title("多页面切换程序")# 创建一个容器框架来放置所有页面self.container = tk.Frame(self)self.container.pack(side="top", fill="both", expand=True)# 同一个容器内，使用布局方法必须相同self.container.grid_rowconfigure(0, weight=1)self.container.grid_columnconfigure(0, weight=1)# 初始化页面框架字典self.pages = {}for F in (StartPage, PageOne, PageTwo, PageThree):frame = F(self.container, self)self.pages[F] = frameframe.grid(row=0, column=0, sticky="nsew")# 显示起始页面
        self.show_page(StartPage)# 创建工具栏 Frameself.toolbar_frame = tk.Frame(self, bg='gray')self.toolbar_frame.pack(side=tk.BOTTOM, fill=tk.X)# 同一个容器内，使用布局方法必须相同# 创建按钮并绑定页面切换命令
        self.create_toolbar_buttons()def show_page(self, cont):frame = self.pages[cont]frame.tkraise()def create_toolbar_buttons(self):self.button1 = ttk.Button(self.toolbar_frame, text="去到第一页", command=lambda: self.show_page(PageOne)).pack(side=tk.LEFT)  # 同一个容器内，使用布局方法必须相同self.button2 = ttk.Button(self.toolbar_frame, text="去到第二页", command=lambda: self.show_page(PageTwo)).pack(side=tk.LEFT)  # 同一个容器内，使用布局方法必须相同self.button3 = ttk.Button(self.toolbar_frame, text="去到第三页", command=lambda: self.show_page(PageThree)).pack(side=tk.LEFT)# 同一个容器内，使用布局方法必须相同self.button4 = ttk.Button(self.toolbar_frame, text="去到主页面", command=lambda: self.show_page(StartPage)).pack(side=tk.LEFT)# 同一个容器内，使用布局方法必须相同def print_class(self):print(self.name)
# 定义一个tk.Frame派生类（以StartPage为例，其他页面类似）
class StartPage(tk.Frame):def __init__(self, parent, root):self.name ="Class: StartPage(tk.Tk)"super().__init__(parent)label = tk.Label(self, text="这里是主页", font=LARGE_FONT)label.pack(pady=10, padx=10)# 同一个容器内，使用布局方法必须相同
        root.print_class()def print_class(self):print(self.name)
# 类似地定义PageOne, PageTwo, PageThree（省略以避免重复）# 定义一个tk.Frame派生类，class PageOne(tk.Frame):
class PageOne(tk.Frame):def __init__(self, parent, root):self.name = "Class: StartPage(tk.Tk)"super().__init__(parent)label = tk.Label(self, text="这里是1页", font=LARGE_FONT)label.pack(pady=10, padx=10)# 同一个容器内，使用布局方法必须相同
        root.print_class()def print_class(self):print(self.name)# 定义一个tk.Frame派生类，class PageTwo(tk.Frame):
class PageTwo(tk.Frame):def __init__(self, parent, root):super().__init__(parent)self.name = "Class: StartPage(tk.Tk)"label = tk.Label(self, text="这里是2页", font=LARGE_FONT)label.pack(pady=10, padx=10)# 同一个容器内，使用布局方法必须相同
        root.print_class()def print_class(self):print(self.name)# 定义一个tk.Frame派生类，class PageThree(tk.Frame):
class PageThree(tk.Frame):def __init__(self, parent, root):super().__init__(parent)self.name = "Class: StartPage(tk.Tk)"label = tk.Label(self, text="这里是3页", font=LARGE_FONT)label.pack(pady=10, padx=10)# 同一个容器内，使用布局方法必须相同
        root.print_class() PlotCurve(self).pack(side=tk.TOP) # 定义 PlotCurve控件def print_class(self):print(self.name)# 定义一个tk.Frame派生类，class PlotCurve(tk.Frame):
# 绘图需要
# from matplotlib.backends.backend_tkagg import FigureCanvasTkAgg, NavigationToolbar2Tk
# from matplotlib.figure import Figureclass PlotCurve(tk.Frame):def __init__(self, parent):super().__init__(parent)self.name = "Class: PlotCurve(tk.Frame)"# 创建Matplotlib图形和画布fig = Figure(figsize=(5, 5), dpi=100)a = fig.add_subplot(111)a.plot([1, 2, 3, 4, 5, 6, 7, 8], [5, 6, 1, 3, 8, 9, 3, 5])canvas = FigureCanvasTkAgg(fig, self)canvas.draw()canvas_widget = canvas.get_tk_widget()canvas_widget.pack(side=tk.TOP, fill=tk.BOTH, expand=True)self.print_class()def print_class(self):print(self.name)if __name__ == '__main__':app =  AppView()app.mainloop()