Erstellen eines Graphen mit Glade 3

Einführung

In diesem Lab lernst du, wie du mit Glade 3 und Matplotlib einen einfachen Graphen erstellen kannst. Matplotlib ist eine Plotting-Bibliothek für die Python-Programmiersprache und kann verwendet werden, um eine Vielzahl von Graphen und Visualisierungen zu erstellen.

Tipps für die virtuelle Maschine

Nachdem der Start der virtuellen Maschine abgeschlossen ist, klicke in der oberen linken Ecke, um zur Registerkarte Notebook zu wechseln und Jupyter Notebook für die Übung zu nutzen.

Manchmal musst du einige Sekunden warten, bis Jupyter Notebook vollständig geladen ist. Die Validierung von Vorgängen kann aufgrund von Einschränkungen in Jupyter Notebook nicht automatisiert werden.

Wenn du während des Lernens Probleme hast, kannst du Labby gerne fragen. Gib nach der Sitzung Feedback, und wir werden das Problem für dich prompt beheben.

Einrichten der Umgebung

Bevor wir beginnen, unseren Graphen zu erstellen, müssen wir die Umgebung einrichten. Öffnen Sie Ihren Terminal und erstellen Sie eine neue Python-Datei namens mpl_with_glade3.py. Stellen Sie sicher, dass Sie die erforderlichen Bibliotheken installiert haben: matplotlib, numpy, gi und Gtk.

Erstellen einer Glade 3-Datei

Als nächstes werden wir eine Glade 3-Datei erstellen, um die Benutzeroberfläche für unsere Anwendung zu erstellen. Öffnen Sie Glade 3 und erstellen Sie ein neues Projekt. Fügen Sie ein Widget ScrolledWindow und ein Widget Window hinzu. Benennen Sie das Fenster window1 und das scrollbare Fenster scrolledwindow1. Speichern Sie die Datei als mpl_with_glade3.glade.

Erstellen des Graphen

Jetzt können wir beginnen, unseren Graphen zu erstellen. Zunächst importieren wir die erforderlichen Bibliotheken und definieren die Klasse Window1Signals. Diese Klasse wird das Signal destroy für das Fenster verarbeiten.

from pathlib import Path

import gi

gi.require_version('Gtk', '3.0')
from gi.repository import Gtk

import numpy as np

from matplotlib.backends.backend_gtk3agg import \
    FigureCanvasGTK3Agg as FigureCanvas
from matplotlib.figure import Figure


class Window1Signals:
    def on_window1_destroy(self, widget):
        Gtk.main_quit()

Definieren der Hauptfunktion

Als nächstes definieren wir die Funktion main(). Diese Funktion wird die Benutzeroberfläche erstellen, den Graphen erstellen und das Fenster anzeigen.

def main():
    builder = Gtk.Builder()
    builder.add_objects_from_file(
        str(Path(__file__).parent / "mpl_with_glade3.glade"),
        ("window1", ""))
    builder.connect_signals(Window1Signals())
    window = builder.get_object("window1")
    sw = builder.get_object("scrolledwindow1")

    ## Start of Matplotlib specific code
    figure = Figure(figsize=(8, 6), dpi=71)
    axis = figure.add_subplot()
    t = np.arange(0.0, 3.0, 0.01)
    s = np.sin(2*np.pi*t)
    axis.plot(t, s)

    axis.set_xlabel('time [s]')
    axis.set_ylabel('voltage [V]')

    canvas = FigureCanvas(figure)  ## a Gtk.DrawingArea
    canvas.set_size_request(800, 600)
    sw.add(canvas)
    ## End of Matplotlib specific code

    window.show_all()
    Gtk.main()

if __name__ == "__main__":
    main()

Ausführen der Anwendung

Speichern Sie die Datei und führen Sie sie mit dem Terminalbefehl python mpl_with_glade3.py aus. Das Fenster mit dem Graphen sollte erscheinen.

Zusammenfassung

Herzlichen Glückwunsch! Sie haben erfolgreich einen Graphen mit Matplotlib und Glade 3 erstellt. Sie können dies als Ausgangspunkt verwenden, um komplexere Graphen und Visualisierungen zu erstellen.

Matplotlib: Erstellen eines Graphen mit Glade 3