GUI
Qt Designer
Qt Designer
• Qt es un framework multiplataforma orientado a objetos ampliamente
usado para desarrollar programas que utilicen interfaz gráfica de usuario.
• Qt Designer es una herramienta dentro del framework Qt que nos permite
diseñar de forma gráfica las interfaces de usuario.
• Qt Designer es, además de multiplataforma, independiente del lenguaje.
Esto significa que no genera código para un lenguaje de programación en
particular, si no más bien genera archivos .ui que son archivos XML que
contienen la descripción de la interfaz diseñada.
• Estos archivos pueden ser convertidos a lenguaje Python mediante la
utilería pyuic6 contenida en los módulos de Python pyqt6 y pyqt6-tools.
• Adicionalmente, en Visual Studio Code existe la extensión PYQT Integration
que permite abrir Qt Designer desde VSCode y convertir el archivo .ui de
forma más simple.
Instalación
• Instalar mediante pip los módulos pyqt6 y pyqt6-tools
Instalación
• Instalar la extensión
PyQt en Visual
Studio Code.
Instalación
• Ir a la configuración de la extensión.
Instalación
Instalación
• Localiza el lugar
donde se instalo Qt
Designer.
Instalación
• Anotar la ruta
completa y
nombre del
ejecutable en la
extensión de VS
Code.
Instalación
Widget Box
Property Editor
Ejemplo
• Crear una
ventana con un
botón, una
etiqueta y una
entrada de texto.
Ejemplo
• Convertir el diseño en código Python
Ejemplo
• Para separar la lógica
de la aplicación de la
interfaz gráfica, crear
un nuevo archivo.
Ejemplo
Ejemplo
• Agregar funcionalidades.
Ejercicio
• Calculadora
Diálogos
• Mediante Qt Designer es posible crear ventanas de dialogo
personalizadas.
Diálogos
• Los botones de los
diálogos tiene
acciones
predefinidas que
devuelven un 1 si se
presiona el botón
de aceptar, o 0 si se
presiona el botón
de cancelar, por
ejemplo.
Diálogos
• Para importarlos a nuestro código para darle funcionalidad, es posible
hacerlo de dos formas.
• Cargando directamente el archivo ui (from PyQt6.uic import loadUi)
• Convirtiendo la interfaz a código Python como se hizo con la ventana.
Diálogos
