Crear una aplicación gráfica en 20 minutos

Objetivo

Breve presentación de Gtk y algunos trucos

Iniciar el programa

Como hemos visto anteriormente, es preciso crear un nuevo punto de entrada para arrancar nuestro programa, en el archivo pyproject.toml:

[tool.poetry.plugins."console_scripts"] 
initialize_project_db = "project.scripts.initialize_db:main" 
show_settings = "project.scripts.settings:main" 
contact = "project.scripts.contact:main" 
gcontact = contact.scripts.gtk:main 

Para conservar la compatibilidad con el sistema antiguo, también se puede modificar el archivo setup.py:

setup(name='contact', 
      version='0.0', 
      description='contact', 
      [...], 
      install_requires=requires, 
      entry_points="""\ 
      [paste.app_factory] 
      main = contact:main 
      [console_scripts] 
      initialize_contact_db = contact.scripts.initializedb:main 
      show_settings = contact.scripts.settings:main 
      contact = contact.scripts.contact:main        gcontact = contact.scripts.gtk:main 
      """, 
      ) 

Ahora hay que volver a desplegar la aplicación:

$ poetry build 
$ poetry add ./project 

A continuación hay que crear un archivo gtk.py en la carpeta scripts, donde ya podemos agregar código:

#!/usr/bin/python3 
 
import argparse 
 
from pyramid.paster import bootstrap 
from sqlalchemy...

Interfaz gráfica con Glade

Cuando se trabaja con GTK, la adopción de una herramienta potente como Glade supone un verdadero ahorro de tiempo. Por otro lado, el resultado producido puede utilizarse tanto en Python como en C.

En este ejemplo, se ha diseñado una ventana, llamada main_window, que contiene una malla de dos columnas y cuatro líneas. Las tres primeras líneas de la primera columna contienen etiquetas.

Puede observar que el nombre asignado a cada uno de los componentes es importante y puede modificarse.

En la segunda columna, se ha agregado, sucesivamente, un campo de entrada (Entry), una lista de selección (ComboBox), una zona de texto (TextView) y, por último, un cuadro que contiene dos espacios que colocaremos de manera horizontal para agregar dos botones.

Interfaz general de Glade y eventos en la ventana

Como puede comprobar, la interfaz no es, necesariamente, agradable a la vista. Pero lo que importa son los parámetros que encontrará en las distintas pestañas del panel situado abajo a la derecha.

Puede hacer que los distintos elementos de la malla tengan la misma longitud o no, que estén centrados, alineados en la parte superior derecha…

Todavía más importante, puede seleccionar los callback que desea vincular a los eventos particulares. En la ventana principal, el evento importante es el clic en la cruz que permite salir de la aplicación. Aquí, se asocia...

Crear el componente gráfico

El componente gráfico dispone de tres métodos: un método de inicialización y dos métodos de callback, es decir, el método para salir de la aplicación cuando se hace clic en la cruz o en el botón de anulación, y el método de validación que creará un contacto.

He aquí la clase, con las correspondientes explicaciones para cada etapa:

class GtkContact:  
    def __init__(self, controller): 
        self.controller = controller 

Empezamos agregando el controlador a la instancia en curso, lo que dará acceso a los métodos útiles que permiten recuperar los asuntos o crear el contacto. A continuación, es preciso cargar la interfaz que acabamos de diseñar con Glade:

        interface = Gtk.Builder() 
        interface.add_from_file('contact/templates/contact.glade') 

Nos contentamos con crear el builder y cargar el archivo Glade. A continuación, hay que recuperar punteros hacia los campos útiles, tarea que podemos realizar porque se han nombrado correctamente en Glade:

        # Vínculos hacia los campos útiles 
        self.email = interface.get_object("email_entry") 
        self.subject = interface.get_object("subject_id_combobox") 
        self.text = interface.get_object("message_textview") 

Ahora, es posible atacar al encargado...

class Controller: 
    def __init__(self, DBSession): 
        self.DBSession = DBSession 
        GtkContact(self) 
        Gtk.main() 
 
    def get_subjects(self): 
        return DBSession.query(Subject).all() 
 
    def add_contact(self, email, subject_id, text): 
        with transaction.manager: 
            DBSession.add(Contact(email=email, subject_id=subject_id, 
text=text)) 

Otras librerías gráficas