快捷導(dǎo)航

基于matplotlib+tkinter實(shí)現(xiàn)簡(jiǎn)單的繪圖系統(tǒng)

更新時(shí)間：2023年08月08日 08:30:00 作者：微小冷

在理解matplotlib嵌入到tkinter中的原理之后，就已經(jīng)具備了打造繪圖系統(tǒng)的技術(shù)基礎(chǔ)，所以本文來(lái)實(shí)現(xiàn)一個(gè)簡(jiǎn)單的繪圖系統(tǒng)，感興趣的小伙伴小伙伴可以了解一下

封裝成類(lèi)

在理解matplotlib嵌入到tkinter中的原理之后，就已經(jīng)具備了打造繪圖系統(tǒng)的技術(shù)基礎(chǔ)，接下來(lái)要做的，就是做一個(gè)較有可讀性的繪圖類(lèi)，其實(shí)就是把前面的代碼封裝到class里而已，代碼如下

import tkinter as tk
import tkinter.ttk as ttk
import matplotlib as mpl
mpl.use('TkAgg')
import matplotlib.pyplot as plt
from matplotlib.backends.backend_tkagg import (
    FigureCanvasTkAgg, NavigationToolbar2Tk)
from matplotlib.figure import Figure
class DarwSystem():
    def __init__(self):
        self.root = tk.Tk()
        self.root.title("數(shù)據(jù)展示工具")
        frmCtrl = ttk.Frame(self.root,width=320)
        frmCtrl.pack(side=tk.RIGHT)
        self.setFrmCtrl(frmCtrl)
        frmFig = ttk.Frame(self.root)
        frmFig.pack(side=tk.LEFT,fill=tk.BOTH,expand=tk.YES)
        self.setFrmFig(frmFig)
        self.root.mainloop()
    def setFrmCtrl(self, frmCtrl):
        pass
    def setFrmFig(self, frmFig):
        self.fig = Figure()
        self.canvas = FigureCanvasTkAgg(self.fig,frmFig)
        self.canvas.get_tk_widget().pack(
            side=tk.TOP,fill=tk.BOTH,expand=tk.YES)
        self.toolbar = NavigationToolbar2Tk(self.canvas,frmFig,
            pack_toolbar=False)
        self.toolbar.update()
        self.toolbar.pack(side=tk.RIGHT)

其中，setFrmCtrl用于設(shè)置控制面板，暫且pass掉，但后續(xù)會(huì)實(shí)現(xiàn)諸多功能；setFrmFig用于設(shè)置繪圖界面，其中self.fig就是繪圖窗口，后續(xù)若要畫(huà)圖，都要在這里設(shè)置坐標(biāo)軸。

布局

最簡(jiǎn)單的繪圖系統(tǒng)，也至少需要三個(gè)部件，分別用于輸入x值、y值以及點(diǎn)擊繪圖按鈕，從而setFrmCtrl函數(shù)可以先寫(xiě)為下面的形式

def setFrmCtrl(self, frmCtrl):
    frm = ttk.Frame(frmCtrl)
    frm.pack(side=tk.TOP, fill=tk.X)
    self.setCtrlButtons(frm)
    frm = ttk.Frame(frmCtrl)
    frm.pack(side=tk.TOP, fill=tk.X)
    self.setFrmX(frm)
    frm = ttk.Frame(frmCtrl)
    frm.pack(side=tk.TOP, fill=tk.X)
    self.setFrmY(frm)

這里面總計(jì)用了3個(gè)frm，分別用于存放控制按鈕，設(shè)置x數(shù)據(jù)和y數(shù)據(jù)的模塊，這三個(gè)模塊的布局又分別設(shè)計(jì)了三個(gè)函數(shù)，即setFrmX, setFrmY以及setCtrlButtons：

def setFrmX(self, frm):
    tk.Label(frm, text="x").pack(side=tk.LEFT)
    self.xEntry = tk.Entry(frm)
    self.xEntry.pack(side=tk.LEFT, fill=tk.X)
def setFrmY(self, frm):
    tk.Label(frm, text="y").pack(side=tk.LEFT)
    self.yEntry = tk.Entry(frm)
    self.yEntry.pack(side=tk.LEFT, fill=tk.X)
def setCtrlButtons(self, frm):
    tk.Button(frm, text="繪圖",width=5,
        command=self.btnDrawImg).pack(side=tk.LEFT)
# 繪圖函數(shù)
def btnDrawImg(self):
    pass

其中btnDrawImg是繪圖函數(shù)，尚未實(shí)現(xiàn)，所以被pass掉了，此時(shí)的布局結(jié)果如下，非常簡(jiǎn)單

實(shí)現(xiàn)繪圖功能

接下來(lái)就是最核心的功能，實(shí)現(xiàn)繪圖，主要包括兩個(gè)步驟，一是讀取x和y的值，二是用二者的值完成圖像的繪制。

簡(jiǎn)單起見(jiàn)，這里用eval函數(shù)直接讀取python表達(dá)式，同時(shí)為了讓不熟悉Python的人也可以順利生成x序列，將np.linspace隱去。則xEntry和yEntry的讀取過(guò)程可寫(xiě)為

def btnDrawImg(self):
    x = eval(f"np.linspace({self.xEntry.get()})")
    self.ys = eval(self.yEntry.get())
    self.xs = x
    self.drawPlot()

self.drawPlot就是核心的繪圖函數(shù)，主要流程與命令行調(diào)用plt如出一轍，首先創(chuàng)建一個(gè)坐標(biāo)軸，然后在坐標(biāo)軸上繪圖，區(qū)別是最后需要調(diào)用self.canvas中的引擎來(lái)完成圖像繪制

def drawPlot(self):
    self.fig.clf()
    ax = self.fig.add_subplot()
    ax.plot(self.xs, self.ys)
    self.fig.subplots_adjust(left=0.1, right=0.95, top=0.95, bottom=0.08)
    self.canvas.draw()

結(jié)果如下

狀態(tài)欄的這些工具都可以無(wú)縫使用，非常便捷。

到此這篇關(guān)于基于matplotlib+tkinter實(shí)現(xiàn)簡(jiǎn)單的繪圖系統(tǒng)的文章就介紹到這了,更多相關(guān)matplotlib tkinter繪圖系統(tǒng)內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！

您可能感興趣的文章: