Pylab mit Gtk4 Sgskip

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.