Creación de un gráfico con Glade 3

Introducción

En este laboratorio, aprenderá a crear un gráfico simple utilizando Matplotlib con Glade 3. Matplotlib es una biblioteca de trazado para el lenguaje de programación Python y se puede utilizar para crear una amplia variedad de gráficos y visualizaciones.

Consejos sobre la VM

Una vez finalizada la inicialización de la VM, haga clic en la esquina superior izquierda para cambiar a la pestaña Cuaderno y acceder a Jupyter Notebook para practicar.

A veces, es posible que tenga que esperar unos segundos a que Jupyter Notebook termine de cargarse. La validación de operaciones no se puede automatizar debido a las limitaciones de Jupyter Notebook.

Si tiene problemas durante el aprendizaje, no dude en preguntar a Labby. Deje sus comentarios después de la sesión y lo resolveremos rápidamente para usted.

Configuración del entorno

Antes de comenzar a crear nuestro gráfico, debemos configurar el entorno. Abra su terminal y cree un nuevo archivo de Python llamado mpl_with_glade3.py. Asegúrese de haber instalado las bibliotecas necesarias: matplotlib, numpy, gi y Gtk.

Creación de un archivo de Glade 3

A continuación, crearemos un archivo de Glade 3 para crear la interfaz de usuario de nuestra aplicación. Abra Glade 3 y cree un nuevo proyecto. Agregue un widget ScrolledWindow y un widget Window. Nombre la ventana window1 y la ventana con desplazamiento scrolledwindow1. Guarde el archivo como mpl_with_glade3.glade.

Creación del gráfico

Ahora podemos comenzar a crear nuestro gráfico. Primero, importe las bibliotecas necesarias y defina la clase Window1Signals. Esta clase manejará la señal destroy para la ventana.

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

Definición de la función principal

A continuación, defina la función main(). Esta función creará la interfaz de usuario, creará el gráfico y mostrará la ventana.

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

Ejecución de la aplicación

Guarde el archivo y ejecútelo utilizando el comando de terminal python mpl_with_glade3.py. Debería aparecer la ventana con el gráfico.

Resumen

¡Felicidades! Has creado con éxito un gráfico utilizando Matplotlib con Glade 3. Puedes utilizar esto como punto de partida para crear gráficos y visualizaciones más complejas.

Matplotlib: Creación de un gráfico con Glade 3