articulo

Interfaz Gráfica con python y QT

Al momento de que querer crear una interfaz gráfica usando python, surgen muchas opciones entre las que se puede destacar tkinter, qt y otros. Sin embargo qt brinda un diseñador de interfacez que permite ahorrar un tiempo de diseño a la hora de mover uno que otro componente (etiquetas y demás)

Requerimientos

Antes de iniciar se debe de tener instalado lo siguiente:

  • Anaconda
  • actualizar anaconda (conda update –all)
  • instalar qt (conda install qt)
  • instalar pyqt (conda install pyqt)

El designer

Para iniciar a diseñar la interfaz se hace uso del comando designer aparecerá una ventana similar a la que se muestra en la imagen 1.

Imagen 1. Designer para qt en python. fuente: Tumblr.com

1. Si se va a diseñar una nueva ventana se hace clic en en el botón crear (vea botón azul de la imagen 1)

2. Una vez que se realizo el paso 2. ya se puede proceder a diseñar la interfaz como uno desee, arrastrando etiquetas, botones y lo que se vaya a requerir en el lugar que se quiera.

Imagen 2. Vista de diseño para la creación de interfaz con python y qt. fuente: tumblr.com

3. Una vez que se ha procedido a colocar los objetos (etiquetas, botones, cuadro de textos y demás) se guarda la interfaz y se debe de observar que su extención es *.ui. ahora solo hay que convertir esa interfaz a python para ello se hace uso del siguiente comando:

pyuic5 -x archivo_guardado_designer.ui -o fichero_designer_python.py
# en el supuesto de que el archivo de interfaz se haya llamado ventana.ui y se convertirá al fichero ventana_ui.py quedaría
pyuic5 -x ventana.ui -o ventana_ui.py

4. Ahora solo hay que importar el archivo convertido / transformado en el fichero de funciones de python. quedaría algo como:

from ventana_ui import * 

Ya ventana_ui.py contiene todos los elementos que se requiere, ahora solo es momento de crear las funciones para los botones y demás.

Conclusiones

Lo que me ha agradado de qt es que tiene un diseñador de interfaz que permite ahorrar un buen de tiempo y generación de código. Claro que si quieres un elemento nuevo o si se quiere hacer más grande una etiqueta hay que entrar al designer editar el componente y actualizar el archivo (realizar la conversión o transformación del archivo ui a py). De ahí en fuera queda ideal para la creación de aplicaciones de escritorio.

Leave a Reply

Your email address will not be published. Required fields are marked *