基于Python實現(xiàn)多圖繪制系統(tǒng)

更新時間：2024年02月18日 09:14:16 作者：微小冷

這篇文章主要為大家詳細介紹了如何基于Python實現(xiàn)一個簡單的多圖繪制系統(tǒng),文中的示例代碼講解詳細,感興趣的小伙伴可以跟隨小編一起學習一下

需求和框架

本文希望實現(xiàn)下圖所示的繪圖系統(tǒng)，下面詳細分析需求變化。

和之前實現(xiàn)的繪圖系統(tǒng)相比，首先是多了【新增】和【刪除】這兩個按鈕，其功能是控制繪圖數(shù)據(jù)的個數(shù)，即下方的【坐標0】和【坐標1】。由于不同的坐標之間有著相同的組成，故而需要封裝成類；而每個坐標中的x,y,z坐標軸，又十分相似，故而也需要封裝成類。

綜合來看，和此前的簡單繪圖系統(tǒng)相比，若想實現(xiàn)多圖繪制的功能，至少需要實現(xiàn)三個類，分別表示坐標軸、坐標系以及坐標系統(tǒng)。

下面列出整個項目需要導入的模塊，以及這三個類的命名

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

import numpy as np

class AxisFrame(ttk.Frame):
    pass

class AxisList(ttk.Frame):
    pass

class DarwSystem():
    pass

下面逐一實現(xiàn)，并講解。

AxisFrame

下圖是自定義的AxisList組件，其中每一項x,y,z均對應一組AxisFrame對象，下面就分析AxisFrame對象的特點。

首先，AxisFrame由三部分組成：坐標標簽、輸入類型和輸入框。目前來說，由于只實現(xiàn)了讀取Python源碼這種方法，故而輸入類型的下拉框顯得有些多余，其目的是便于后期擴展。

據(jù)此，可得到其代碼

class AxisFrame(ttk.Frame):
    # widths 是每個控件的寬度
    def __init__(self, master, label, mode, widths, **options):
        super().__init__(master, **options)
        self.pack()
        self.label = label
        self.initVar(mode)
        self.initWidgets(widths)

    def initVar(self, mode):
        self.MODES = ("源代碼",)
        self.mode = tk.StringVar()
        self.setMode(mode)

    def initWidgets(self, widths):
        tk.Label(self, text=self.label,
            width=widths[0]).pack(side=tk.LEFT)
        self.slct = ttk.Combobox(self,
            width=widths[1], textvariable=self.mode)
        self.slct['value'] = self.MODES
        self.slct.pack(side=tk.LEFT)
        self.entry = tk.Entry(self, width=widths[2])
        self.entry.pack(padx=5, side=tk.LEFT, fill=tk.X)

    def setMode(self, mode):
        if type(mode) != str:
            mode = self.MODES[mode]
        self.mode.set(mode)

    def getData(self, **txyz):
        if self.mode.get() == "源代碼":
            self.readPython(**txyz)
        return self.data

    def readPython(self, t=None, x=None, y=None, z=None):
        self.data = eval(self.entry.get())

其中，initVar用于初始化輸入模式；setMode用于設置輸入模式；initWidgets用于布局，這三個函數(shù)只需了解tkinter的工作原理，便無需詳解。

getData用于將輸入框中的內(nèi)容轉(zhuǎn)換為數(shù)值，由于目前只有【源代碼】這一種模式，所以只用到了readPython這一種讀取函數(shù)。readPython的邏輯很簡單，根據(jù)輸入的t,x,y,z的值，以及輸入框中的表達式，來實現(xiàn)python數(shù)據(jù)的讀取。

AxisList

繼續(xù)分析AxisList組件，除了三個AxisFrame之外，還有一個顯隱開關(guān)【坐標0】，以及坐標選框【xyz】，用于調(diào)整是否使用x,y,z等坐標軸，即實現(xiàn)下面的效果。

從交互邏輯而言，這里有兩個功能，一是點擊【坐標0】以顯示或隱藏其內(nèi)容，二是選擇下拉框，以篩選x,y,z等坐標軸。實現(xiàn)代碼如下

class AxisList(ttk.Frame):
    def __init__(self, master, title, mode, widths, **options):
        super().__init__(master, **options)
        self.pack()
        self.afs = {}
        self.data = {}
        self.initWidgets(title, widths)
        self.initAxis(mode, widths)

    def initWidgets(self, title, widths):
        self.btn = ttk.Button(self, text=title, width=sum(widths)+5,
            command=self.click)
        self.btn.pack(side=tk.TOP, fill=tk.X, expand=tk.YES)
        self._c = ttk.Frame(self)
        self.collapsed = True
        self.click()
        self.initVar()
        self.initFeature()

    def initVar(self):
        self.AXISES = ("x", "xy", "xyz", "tx", "txy", "txyz")
        self.axMode = tk.StringVar()
        self.axMode.set("xyz")

    def initAxis(self, mode, widths):
        for flag in 'txyz':
            self.afs[flag] = AxisFrame(self._c, flag, mode, widths)
        self.axChanged()

    def initFeature(self):
        frm = ttk.Frame(self._c)
        frm.pack(pady=2, side=tk.TOP, fill=tk.X)

        slct = ttk.Combobox(frm, width=5, textvariable=self.axMode)
        slct["value"] = self.AXISES
        slct.pack(side=tk.LEFT)
        slct.bind('<<ComboboxSelected>>', self.axChanged)

    def axChanged(self, evt=None):
        for flag in 'txyz':
            self.afs[flag].pack_forget()
        for flag in self.axMode.get():
            self.afs[flag].pack(side=tk.TOP, fill=tk.X)

    def click(self):
        if self.collapsed:
            self._c.pack(side=tk.TOP, fill=tk.BOTH, expand=tk.YES)
        else:
            self._c.pack_forget()
        self.collapsed = not self.collapsed

    def getDatas(self):
        dct = {}
        data = {}
        for flag in self.axMode.get():
            data[flag] = self.afs[flag].getData(**dct)
            dct[flag] = data[flag]
        return data

首先，點擊【坐標0】之后，除了【坐標0】之外其他的內(nèi)容全部隱藏，所以【坐標0】與其內(nèi)容需要分開處理，從而為其他內(nèi)容分配一個Frame，由于這個Frame將會頻繁地被用到，所以給一個簡短的名稱_c。

然后，下拉框中共給定6種坐標類型，之所以有t tt選項，目的是日后可能會實現(xiàn)的動圖繪制。

接下來，initVar, initWidgets, initAxis, initFeature是布局函數(shù)，無需多言。

axChanged即更改坐標軸系組成時的響應函數(shù)，首先隱藏所有坐標軸，再根據(jù)選擇的坐標軸一個一個重新放出來。

click是點擊【坐標0】時的相應，如果_c已經(jīng)隱藏，就將其顯示出來；如果當前可見，就讓其變得不可見。

最后，getDatas是坐標系的關(guān)鍵函數(shù)，其功能是調(diào)用AxisFrame種中的getData函數(shù)，其中的dct裝載已經(jīng)獲取到的數(shù)值，通過字典的雙星號索引方法，將字符串key轉(zhuǎn)換為變量名稱，以實現(xiàn)最終的數(shù)值讀取。

DarwSystem

DrawSystem的代碼雖然較長，但內(nèi)容并不復雜，其中setFrmFig更是幾乎原封不動地沿用了此前的代碼。

class DarwSystem():
    def __init__(self):
        self.root = tk.Tk()
        self.root.title("數(shù)據(jù)展示工具")
        self.als = []

        self.setFrmCtrl()
        self.setFrmFig()
        self.root.mainloop()

    def setFrmCtrl(self):
        frmCtrl = ttk.Frame(self.root,width=320)
        frmCtrl.pack(side=tk.RIGHT, fill=tk.Y)
        frm = ttk.Frame(frmCtrl, width=320)
        frm.pack(side=tk.TOP, fill=tk.X)
        self.setCtrlButtons(frm)
        self.frmAxis = ttk.Frame(frmCtrl)
        self.frmAxis.pack(side=tk.TOP, fill=tk.X)
        self.addLast(None)

    def addLast(self, evt):
        title = f"坐標{len(self.als)}"
        al = AxisList(self.frmAxis, title, 0, [5,10,20])
        al.pack(side=tk.TOP, fill=tk.X)
        self.als.append(al)

    def deleteLast(self, evt):
        self.als[-1].pack_forget()
        del self.als[-1]

    def setCtrlButtons(self, frm):
        ttk.Button(frm, text="繪圖",width=5,
            command=self.btnDrawImg).pack(side=tk.LEFT)
        btn = ttk.Button(frm, text="新增", width=5)
        btn.pack(side=tk.LEFT)
        btn.bind("<Button-1>", self.addLast)

        btn = ttk.Button(frm, text="刪除", width=5)
        btn.pack(side=tk.LEFT)
        btn.bind("<Button-1>", self.deleteLast)

    def btnDrawImg(self):
        self.fig.clf()
        ds = [al.getDatas() for al in self.als]
        self.drawPlot(ds)
        self.fig.subplots_adjust(left=0.1, right=0.95, top=0.95, bottom=0.08)
        self.canvas.draw()

    def drawPlot(self, ds):
        keys = 'xyz' if 'z' in ds[0] else 'xy'
        p = '3d' if 'z' in ds[0] else None
        ax = self.fig.add_subplot(projection=p)
        for data in ds:
            ax.plot(*[data[key] for key in keys])

    def setFrmFig(self):
        frmFig = ttk.Frame(self.root)
        frmFig.pack(side=tk.LEFT,fill=tk.BOTH,expand=tk.YES)
        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)

相比之下，其實只添加了兩個功能：