DEV Community

Cover image for Icono de la Bandeja del Sistema en Python
Jordi Ayala
Jordi Ayala

Posted on • Edited on • Originally published at asjordi.dev

Icono de la Bandeja del Sistema en Python

En este artículo se explica cómo crear y utilizar iconos en la bandeja del sistema con Python, básicamente, es poder tener en la parte inferior derecha de la barra de tareas un icono que permita una serie de interacciones y de esta manear proveer funcionalidades extra para una aplicación.

¿Qué es un icono de la bandeja del sistema?

Un icono de la bandeja del sistema es un icono que se muestra en la parte inferior derecha de la barra de tareas, en el área de notificación. Este icono permite que el usuario interactúe con la aplicación, por ejemplo, abrir una ventana, mostrar un menú, etc.

Implementación

Para poder implementar el icono en la bandeja del sistema, se utilizará la biblioteca pystray. Para instalarla solo es necesario hacer uso de pip con el siguiente comando.

pip install pystray
Enter fullscreen mode Exit fullscreen mode

A parte de pystray, se utilizará la biblioteca de pillow, la cual permitirá agregar una imagen y esta será la que aparecerá como icono en la barra de tareas.

pip install pillow
Enter fullscreen mode Exit fullscreen mode

Una vez instaladas ambas bibliotecas, es necesario importarlas dentro del archivo principal.

import pystray
import PIL.Image
Enter fullscreen mode Exit fullscreen mode

Posteriormente, se carga la imagen a utilizar como icono.

image = PIL.Image.open('icon.png')
Enter fullscreen mode Exit fullscreen mode

Antes de crear el icono del sistema, es necesario definir una función que se ejecutará de manera general al momento de hacer clic sobre cada uno de los elementos individuales del menú. Misma que recibe los parámetros icon e item, donde icon hace referencia a la instancia del menú e item a cada uno de los elementos del menú.

  def on_clicked(icon, item):
    print('Hello World!')
Enter fullscreen mode Exit fullscreen mode

Es necesario crear una segunda función, cuyo único propósito será terminar la ejecución del icono.

def on_quit(icon):
  icon.stop()
Enter fullscreen mode Exit fullscreen mode

La instancia del icono se crea a partir de pystray.Icon y el menú principal a partir de pystray.Menu. Se puede definir un nombre, imagen de icono (imagen definida en pasos anteriores) y tooltip (texto que aparece al posicionar el cursor sobre el icono) para el icono resultante.

La definición de los elementos del menú principal se realiza a partir de pystray.MenuItem, misma que recibe el nombre del elemento a mostrar y la función a ejecutar al realizar clic.

icon = pystray.Icon('Windows Menu', image, 'Windows Menu', menu=pystray.Menu(
  pystray.MenuItem('Say Hello', on_clicked),
  pystray.MenuItem('Exit', on_quit),
))
Enter fullscreen mode Exit fullscreen mode

En este caso se definieron dos elementos del menú, el primero ejecutará la función on_clicked mostrando un mensaje por consola, y el segundo la función on_quit.

Para ejecutar y mostrar el icono en la bandeja del sistema, se utiliza el método run.

icon.run()
Enter fullscreen mode Exit fullscreen mode

Ahora solo es necesario ejecutar el archivo principal y se mostrará el icono en la bandeja del sistema.

Image description

Al hacer clic derecho sobre el icono, se mostrará el menú con los elementos definidos.

Image description

Agregar Submenús

Para agregar submenús, se debe definir un nuevo menú a partir de pystray.Menu dentro de un elemento del tipo pystray.MenuItem y agregarlo como elemento del menú principal del icono.

icon = pystray.Icon('Windows Menu', image, 'Windows Menu', menu=pystray.Menu(
    pystray.MenuItem('Say Hello', on_clicked),
    pystray.MenuItem('SubMenu', pystray.Menu(
        pystray.MenuItem('Item 1', on_clicked),
        pystray.MenuItem('Item 2', on_clicked),
    )),
    pystray.MenuItem('Exit', on_quit),
))
Enter fullscreen mode Exit fullscreen mode

Una vez ejecutado el archivo principal, se mostrará el icono en la bandeja del sistema con el nuevo submenú.

Image description

Al hacer clic sobre el elemento del submenú, se ejecutará la función definida en el paso anterior.

En este punto cualquiera de los elementos del menú principal o submenú ejecutará la función on_clicked mostrando un mensaje por consola. Para poder diferenciar entre los elementos del menú principal y submenú, se puede agregar un condicional de la siguiente manera haciendo uso de los parametros que recibe la función.

def on_clicked(icon, item):
  if str(item) == 'Say Hello':
      print('Hello World!')
  elif str(item) == 'Item 1':
      print('Item 1')
  elif str(item) == 'Item 2':
      print('Item 2')
  else:
      print('Not implemented yet')
Enter fullscreen mode Exit fullscreen mode

De esta manera ya se ha creado un icono de la bandeja del sistema con un menú principal y un submenú. Mismos que pueden ser modificados a gusto del desarrollador, agregando más elementos, cambiando el nombre, imagen, o incluso las funciones que pueden ejecutar.

A continuación se muestra el código completo del ejemplo.

import pystray
import PIL.Image

image = PIL.Image.open('icon.png')

def on_clicked(icon, item):
    if str(item) == 'Say Hello':
        print('Hello World!')
    elif str(item) == 'Item 1':
        print('Item 1')
    elif str(item) == 'Item 2':
        print('Item 2')
    else:
        print('Not implemented yet')

def on_quit(icon):
    icon.stop()

icon = pystray.Icon('Windows Menu', image, 'Windows Menu', menu=pystray.Menu(
    pystray.MenuItem('Say Hello', on_clicked),
    pystray.MenuItem('SubMenu', pystray.Menu(
        pystray.MenuItem('Item 1', on_clicked),
        pystray.MenuItem('Item 2', on_clicked),
    )),
    pystray.MenuItem('Exit', on_quit),
))

icon.run()
Enter fullscreen mode Exit fullscreen mode

Para mas información sobre la biblioteca pystray, se puede consultar la documentación oficial haciendo clic aquí.

Image description

Top comments (0)