Einführung
In diesem Lab werden wir lernen, wie wir pyplot verwenden, um Figurfenster zu verwalten, aber die grafische Benutzeroberfläche (GUI) durch den Zugriff auf die zugrunde liegenden GTK-Widgets zu modifizieren. Wir werden eine Figur mit zwei Diagrammen erstellen und einen Button zur Symbolleiste und ein Label auf die Zeichenfläche hinzufügen. Wir werden auch Funktionen hinzufügen, um die Koordinaten des Mauszeigers anzuzeigen, wenn sich dieser über den Diagrammen bewegt.
Tipps für die virtuelle Maschine (VM)
Nachdem der Start der VM abgeschlossen ist, klicken Sie in der oberen linken Ecke, um zur Registerkarte Notebook zu wechseln und Jupyter Notebook für die Übung zu öffnen.
Manchmal müssen Sie 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 Sie während des Lernens Probleme haben, können Sie Labby gerne fragen. Geben Sie nach der Sitzung Feedback ab, und wir werden das Problem für Sie prompt beheben.
Importieren der erforderlichen Bibliotheken
import matplotlib
matplotlib.use('GTK4Agg')
import gi
import matplotlib.pyplot as plt
gi.require_version('Gtk', '4.0')
from gi.repository import Gtk
Wir importieren die erforderlichen Bibliotheken, einschließlich matplotlib, gi, pyplot und Gtk. Wir setzen den Backend von matplotlib, um GTK4 zu verwenden.
Erstellen der Figur und der Diagramme
fig, ax = plt.subplots()
ax.plot([1, 2, 3], 'ro-', label='easy as 1 2 3')
ax.plot([1, 4, 9], 'gs--', label='easy as 1 2 3 squared')
ax.legend()
Wir erstellen eine Figur mit zwei Teilfiguren und plotten zwei Datensätze darauf. Wir fügen auch eine Legende zu den Diagrammen hinzu.
Zugang zur Symbolleiste und zur vertikalen Box (vbox)
manager = fig.canvas.manager
toolbar = manager.toolbar
vbox = manager.vbox
Wir greifen auf die Attribute toolbar und vbox des Figurcanvas-Managers zu.
Fügen eines Buttons zur Symbolleiste hinzu
button = Gtk.Button(label='Click me')
button.connect('clicked', lambda button: print('hi mom'))
button.set_tooltip_text('Click me for fun and profit')
toolbar.append(button)
Wir erstellen einen Button mit einem Label und einem Tooltip und verbinden ihn mit einer Funktion, die eine Nachricht in die Konsole ausgibt. Wir fügen den Button zur Symbolleiste hinzu.
Fügen eines Labels zur Zeichenfläche hinzu
label = Gtk.Label()
label.set_markup('Drag mouse over axes for position')
vbox.insert_child_after(label, fig.canvas)
Wir erstellen ein Label und setzen seinen Text. Wir fügen das Label zur vertikalen Box (vbox) hinter der Figurzeichenfläche hinzu.
Aktualisiere das Label mit den Cursorkoordinaten
def update(event):
if event.xdata is None:
label.set_markup('Drag mouse over axes for position')
else:
label.set_markup(
f'<span color="#ef0000">x,y=({event.xdata}, {event.ydata})</span>')
fig.canvas.mpl_connect('motion_notify_event', update)
Wir erstellen eine Funktion, die das Label mit den x- und y-Koordinaten des Cursors aktualisiert, wenn dieser über den Diagrammen bewegt wird. Wir verbinden die Funktion mit dem motion_notify_event der Zeichenfläche.
Zeige die Figur an
plt.show()
Wir zeigen die Figur mit dem hinzugefügten Button und Label an.
Zusammenfassung
In diesem Lab haben wir gelernt, wie man pyplot verwendet, um Figurfenster zu verwalten, aber die grafische Benutzeroberfläche (GUI) durch den Zugriff auf die zugrunde liegenden GTK-Widgets zu modifizieren. Wir haben eine Figur mit zwei Diagrammen erstellt, einen Button zur Symbolleiste hinzugefügt und ein Label zur Zeichenfläche. Wir haben auch Funktionalität hinzugefügt, um die Koordinaten des Cursors anzuzeigen, wenn er über den Diagrammen bewegt wird. Dieses Lab vermittelt ein grundlegendes Verständnis davon, wie man die GUI einer matplotlib-Figur mit GTK4 anpassen kann.