Création d'un graphique avec Glade 3

Introduction

Dans ce laboratoire, vous allez apprendre à créer un graphique simple à l'aide de Matplotlib avec Glade 3. Matplotlib est une bibliothèque de tracé pour le langage de programmation Python et peut être utilisée pour créer une grande variété de graphiques et de visualisations.

Conseils sur la machine virtuelle

Une fois le démarrage de la machine virtuelle terminé, cliquez dans le coin supérieur gauche pour basculer vers l'onglet Carnet pour accéder au carnet Jupyter pour pratiquer.

Parfois, vous devrez peut-être attendre quelques secondes pour que le carnet Jupyter ait fini de charger. La validation des opérations ne peut pas être automatisée en raison des limitations du carnet Jupyter.

Si vous rencontrez des problèmes pendant l'apprentissage, n'hésitez pas à demander à Labby. Donnez votre feedback après la session, et nous résoudrons rapidement le problème pour vous.

Configuration de l'environnement

Avant de commencer à créer notre graphique, nous devons configurer l'environnement. Ouvrez votre terminal et créez un nouveau fichier Python appelé mpl_with_glade3.py. Assurez-vous d'avoir installé les bibliothèques requises : matplotlib, numpy, gi et Gtk.

Création d'un fichier Glade 3

Ensuite, nous allons créer un fichier Glade 3 pour créer l'interface utilisateur de notre application. Ouvrez Glade 3 et créez un nouveau projet. Ajoutez un widget ScrolledWindow et un widget Window. Nommez la fenêtre window1 et la fenêtre défilante scrolledwindow1. Enregistrez le fichier sous le nom mpl_with_glade3.glade.

Création du graphique

Maintenant, nous pouvons commencer à créer notre graphique. Tout d'abord, importez les bibliothèques nécessaires et définissez la classe Window1Signals. Cette classe gérera le signal destroy pour la fenêtre.

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()

Définition de la fonction principale

Ensuite, définissez la fonction main(). Cette fonction créera l'interface utilisateur, créera le graphique et affichera la fenêtre.

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()

Exécution de l'application

Enregistrez le fichier et exécutez-le en utilisant la commande de terminal python mpl_with_glade3.py. La fenêtre avec le graphique devrait apparaître.

Sommaire

Félicitations ! Vous avez réussi à créer un graphique à l'aide de Matplotlib avec Glade 3. Vous pouvez utiliser cela comme point de départ pour créer des graphiques et des visualisations plus complexes.

Matplotlib : Création d'un graphique avec Glade 3