Pylab com Gtk4 Sgskip

Beginner

This tutorial is from open-source community. Access the source code

Introdução

Neste laboratório, aprenderemos como usar pyplot para gerenciar janelas de figuras, mas modificaremos a GUI acessando os widgets GTK subjacentes. Criaremos uma figura com dois gráficos e adicionaremos um botão à barra de ferramentas e um rótulo à tela. Também adicionaremos funcionalidade para exibir as coordenadas do cursor quando ele se move sobre os gráficos.

Dicas para a VM

Após a inicialização da VM, clique no canto superior esquerdo para mudar para a aba Notebook e acessar o Jupyter Notebook para praticar.

Às vezes, pode ser necessário aguardar alguns segundos para que o Jupyter Notebook termine de carregar. A validação das operações não pode ser automatizada devido a limitações no Jupyter Notebook.

Se você enfrentar problemas durante o aprendizado, sinta-se à vontade para perguntar ao Labby. Forneça feedback após a sessão, e resolveremos o problema prontamente para você.

Importar as bibliotecas necessárias

import matplotlib
matplotlib.use('GTK4Agg')
import gi
import matplotlib.pyplot as plt

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

Importamos as bibliotecas necessárias, incluindo matplotlib, gi, pyplot e Gtk. Definimos o backend do matplotlib para usar GTK4.

Criar a figura e os gráficos

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

Criamos uma figura com dois subplots e plotamos dois conjuntos de dados nela. Também adicionamos uma legenda aos gráficos.

Acessar a barra de ferramentas e a caixa vertical (vbox)

manager = fig.canvas.manager
toolbar = manager.toolbar
vbox = manager.vbox

Acessamos os atributos toolbar e vbox do gerenciador de canvas da figura.

Adicionar um botão à barra de ferramentas

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)

Criamos um botão com um rótulo e uma dica de ferramenta (tooltip), e o conectamos a uma função que imprime uma mensagem no console. Adicionamos o botão à barra de ferramentas.

Adicionar um rótulo ao canvas

label = Gtk.Label()
label.set_markup('Drag mouse over axes for position')
vbox.insert_child_after(label, fig.canvas)

Criamos um rótulo e definimos seu texto. Adicionamos o rótulo à caixa vertical (vbox) após o canvas da figura.

Atualizar o rótulo com as coordenadas do cursor

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)

Criamos uma função que atualiza o rótulo com as coordenadas x e y do cursor quando ele se move sobre os gráficos. Conectamos a função ao motion_notify_event do canvas.

Exibir a figura

plt.show()

Exibimos a figura com o botão e o rótulo adicionados.

Resumo

Neste laboratório, aprendemos a usar pyplot para gerenciar janelas de figuras, mas modificar a GUI acessando os widgets GTK subjacentes. Criamos uma figura com dois gráficos, adicionamos um botão à barra de ferramentas e um rótulo ao canvas. Também adicionamos funcionalidade para exibir as coordenadas do cursor quando ele se move sobre os gráficos. Este laboratório fornece uma compreensão básica de como personalizar a GUI de uma figura matplotlib usando GTK4.