PyQt5 Tutorial - Setup and a Basic GUI Application

Introducción a PyQt5 en Python

¿Qué es PyQt5?

• PyQt5 es un marco de trabajo para Python que permite crear aplicaciones gráficas de usuario (GUI) rápidamente.

• Se utiliza una herramienta llamada QT Designer para diseñar interfaces gráficas de manera intuitiva.

Ventajas del uso de QT Designer

• Permite arrastrar y soltar elementos como etiquetas, botones y casillas de verificación sin necesidad de modificar el código constantemente.

• Facilita la creación rápida de aplicaciones simples, ahorrando tiempo en el diseño gráfico.

Configuración Inicial y Instalación

Instalación de PyQt5

• Para instalar PyQt5, se usa el comando pip install pyqt5, asegurándose de no confundirlo con versiones anteriores para Python 2.7.

• También se debe instalar pyqt5-tools para obtener herramientas adicionales como QT Designer.

Compatibilidad Multiplataforma

• El código escrito en PyQt5 es compatible con múltiples sistemas operativos: Mac, Linux, iOS y Android.

Creación de una Aplicación Básica

Importaciones Necesarias

• Se importan módulos esenciales desde PyQt5, incluyendo QApplication y QMainWindow.

Definición del Aplicativo

• La función principal comienza creando una instancia de QApplication, pasando argumentos del sistema (sys.argv) para configurar la aplicación según el sistema operativo.

Creación y Configuración de la Ventana

• Se crea un objeto QMainWindow que representa la ventana principal.

Introducción a la Configuración de Ventanas en QT

Sistema de Coordenadas

• Al establecer la posición de la ventana en (0, 0), esta aparecerá en la esquina superior izquierda de la pantalla. Si se configura a (1920, 1080), estará en la esquina inferior derecha y podría no ser visible.

• En gráficos por computadora, el punto (0, 0) representa la esquina superior izquierda. Moverse a (100, 100) significa desplazarse 100 píxeles hacia la derecha y hacia abajo desde ese punto inicial.

Posicionamiento de Widgets

• La posición del widget dentro de la ventana también sigue el mismo sistema de coordenadas; por ejemplo, un widget colocado en (50, 50) tendrá su esquina superior izquierda en esa ubicación.

• Se establece una posición arbitraria para la ventana como (200, 200) con un tamaño de ancho y alto de 300 píxeles.

Título y Visualización de Ventana

• Se asigna un título a la ventana que aparecerá en la barra superior utilizando win.setWindowTitle(), donde se puede personalizar el texto.

• Para mostrar efectivamente la ventana, es necesario llamar a window.show() y asegurarse de que se cierre correctamente al hacer clic en el botón "X".

Ejecución del Programa

• El programa espera hasta que se cierra para salir limpiamente usando sys.exit(app.exec_()).

• Al ejecutar el programa, se observa que el título "Tech with Tim" aparece junto con las dimensiones especificadas para la ventana.

Creación y Posicionamiento de Etiquetas

• Se crea una etiqueta utilizando QLabel y se establece su texto mediante label.setText(), mostrando "mi primera etiqueta".

• La etiqueta puede moverse dentro de la ventana usando label.move(), posicionándola en (50, 50), lo cual confirma su ubicación relativa desde el origen.

Conclusión sobre Configuración Básica