Curso PyQt6 - Creando la primera ventana. Video 01

Summary

Este vídeo es una introducción a PyQt6, un framework de desarrollo que permite crear interfaces de usuario complejas en Python. Se explica cómo configurar un entorno de desarrollo virtual, instalar PyQt6 y crear una ventana básica. Se detallan los pasos para generar y activar el entorno, instalar el framework y escribir código para mostrar una ventana simple. El vídeo termina con una invitación a seguir el canal para aprender más sobre desarrollo de interfaces con PyQt6.

Takeaways

• 😀 El vídeo presenta la introducción a PyQt6, un framework de desarrollo para crear interfaces de usuario complejas en Python.
• 🛠️ PyQt6 permite la creación de interfaces de usuario profesionales con elementos como botones, barras de navegación y casillas de verificación.
• 🐍 Se destaca que Python es comúnmente asociado con aplicaciones de consola, pero con PyQt6 también se pueden crear interfaces gráficas.
• 💻 Se recomienda utilizar Python 3.7 o superior para ejecutar PyQt6, por lo que es importante mantener la versión de Python actualizada.
• 🌐 Se sugiere trabajar con entornos virtuales para el desarrollo de aplicaciones con PyQt6, evitando conflictos de dependencias entre proyectos.
• 🔧 Se explica el proceso de creación de un entorno virtual en Visual Studio Code y la activación de dicho entorno para el desarrollo.
• 📦 Se detalla la instalación de PyQt6 mediante el comando `pip install PyQt6` y se verifica la instalación exitosa.
• 🏗️ Se crea la primera ventana 'vacía' en PyQt6, que servirá como base para futuras interfaces de usuario.
• 🔑 Se utiliza la programación orientada a objetos para definir una clase que hereda de QWidget, estableciendo su geometría y título.
• 🔑 Se menciona la importancia de los métodos `show()` y `exec_()` para visualizar y ejecutar la aplicación respectivamente.
• 📝 Se enfatiza la facilidad de crear una ventana básica con PyQt6, que será la plantilla para agregar más componentes en futuras lecciones.

Q & A

¿Qué es PyQT6 y qué permite hacer?

PyQT6 es un framework de desarrollo que permite generar interfaces de usuario complejas y profesionales, permitiendo utilizar elementos como botones, barras de navegación, checkbox, entre otros.

¿Por qué es importante usar PyQT6 con Python 3.7 o superior?

PyQT6 corre en Python 3.7, por lo que es ideal tener una versión de Python actualizada para garantizar la compatibilidad y funcionamiento correcto de la herramienta.

¿Qué es un ambiente de desarrollo virtual y por qué es recomendable usarlo?

Un ambiente de desarrollo virtual es un entorno aislado creado para el proyecto, que permite instalar dependencias sin conflictos con otros proyectos. Se recomienda usarlo para mantener el código organizado y evitar problemas de dependencias.

¿Cómo se crea un ambiente de desarrollo virtual en el script?

Se crea un ambiente de desarrollo virtual utilizando el comando 'python -m venv nombre_ambiente', donde 'nombre_ambiente' es el nombre que se le da al ambiente virtual.

¿Cómo se activa un ambiente de desarrollo virtual en Visual Studio Code?

Para activar un ambiente de desarrollo virtual en Visual Studio Code, se utiliza la combinación de teclas Ctrl+Shift+P para abrir la paleta de comandos y luego se selecciona 'Seleccionar intérprete de Python', eligiendo el ambiente virtual creado.

¿Qué comando se usa para instalar PyQT6 una vez creado el ambiente virtual?

Para instalar PyQT6 en el ambiente virtual, se utiliza el comando 'pip install PyQt6' en la terminal.

¿Qué clases se importan para crear una ventana básica en PyQT6?

Para crear una ventana básica en PyQT6, se importan las clases 'QApplication' y 'QWidget' desde el módulo 'PyQt6.QtWidgets'.

¿Cómo se define la clase 'VentanaVacia' en el script y qué hereda?

La clase 'VentanaVacia' se define heredando de 'QWidget', utilizando un enfoque de programación orientada a objetos y se inicializa en el constructor utilizando el método 'super()'.

¿Qué métodos se utilizan para establecer la geometría y el título de la ventana en PyQT6?

Para establecer la geometría de la ventana se utiliza el método 'setGeometry', y para definir el título se usa el método 'setWindowTitle'.

¿Cómo se ejecuta la aplicación en PyQT6 y cómo se cierra correctamente?

Para ejecutar la aplicación se crea una instancia de 'QApplication' y luego se instancia la clase de la ventana. Finalmente, se ejecuta el método 'app.exec_()' para iniciar la aplicación y se cierra con 'sys.exit()' para liberar los recursos.

¿Qué errores se deben tener en cuenta al crear una ventana en PyQT6 según el script?

Es importante no pasar argumentos innecesarios al constructor de la clase 'QWidget', ya que esto puede generar errores. Además, se debe asegurar de que la instancia de 'QApplication' se ejecute antes de la instancia de la ventana.

Outlines

00:00

😀 Introducción a PyQT6

Este primer vídeo presenta PyQT6, un framework de desarrollo que permite crear interfaces de usuario complejas y profesionales. Se destaca que Python generalmente se asocia con la consola, pero con PyQT6 se pueden generar interfaces gráficas. Se recomienda tener Python 3.7 o superior y se procede a crear un ambiente virtual para el proyecto. Se explica el proceso de creación del ambiente virtual y la instalación de PyQT6 a través de la terminal en Visual Studio Code. Finalmente, se menciona que se iniciará la creación de una ventana básica en el siguiente vídeo.

05:03

👨‍💻 Creación de una ventana básica con PyQT6

En este segmento, se detalla cómo crear una ventana básica utilizando PyQT6 con un enfoque de programación orientada a objetos. Se importa el módulo 'qt widgets' y se crea una clase 'VentanaVacia' que hereda de 'QWidget'. Se define un constructor y se establecen las dimensiones y el título de la ventana utilizando métodos como 'setGeometry' y 'setWindowTitle'. Además, se explica cómo mostrar la ventana con el método 'show'. Se menciona la creación de una instancia de la aplicación utilizando 'QApplication' y cómo ejecutar la aplicación con 'app.exec()'. Se resalta la importancia de liberar recursos al cerrar la aplicación.

10:05

🛠️ Errores y correcciones en la creación de la ventana

Este párrafo aborda un error encontrado durante la creación de la ventana y cómo solucionarlo. Se menciona que el constructor no debe recibir un argumento y se procede a corregir el error. Posteriormente, se guarda el código, se ejecuta nuevamente y se visualiza la ventana creada. Se enfatiza que esta ventana será la plantilla base para futuras adiciones de elementos como botones y casillas de verificación. El vídeo concluye con una invitación a seguir el canal y a continuar aprendiendo con futuras publicaciones.

Keywords

💡PyQt6

PyQt6 es un framework de desarrollo utilizado para crear interfaces de usuario (GUI) en aplicaciones de escritorio. En el guion, PyQt6 se menciona como una herramienta que permite generar interfaces de usuario complejas y profesionales. Se destaca que, aunque Python es conocido principalmente por sus aplicaciones en consola, PyQt6 permite a los desarrolladores crear interfaces gráficas que son visuales y interactivas, como se ve en el ejemplo de la 'ventana vacía' que se crea en el video.

💡Interfaz de Usuario (GUI)

La interfaz de usuario (GUI) es el medio a través del cual los usuarios interactúan con una computadora, un dispositivo o una aplicación. En el contexto del video, PyQt6 se utiliza para desarrollar GUIs, permitiendo a los programadores incluir elementos como botones, barras de navegación y casillas de verificación en sus aplicaciones. La creación de una 'ventana vacía' es el primer paso para construir una GUI más compleja.

💡Virtual Environment

Un entorno virtual es un espacio aislado creado para el desarrollo de software, que permite a los desarrolladores instalar y manejar dependencias específicas de un proyecto sin afectar a otros proyectos. En el guion, se recomienda crear un entorno virtual antes de comenzar a trabajar con PyQt6, para evitar conflictos de dependencias y mantener el proyecto organizado.

💡Python 3.7

Python 3.7 es una versión específica del lenguaje de programación Python. PyQt6 requiere Python 3.7 o superior, lo que significa que los desarrolladores deben asegurarse de tener esta versión o una posterior para poder utilizar PyQt6. En el guion, se menciona la importancia de tener la versión de Python actualizada antes de comenzar con PyQt6.

💡Qt Widgets

Los widgets de Qt son los componentes básicos de una interfaz de usuario en PyQt6. Son elementos como botones, casillas de verificación y barras de herramientas que se pueden arrastrar y colocar en una ventana. En el video, se importa el módulo 'qt widgets' para acceder a estos componentes y se menciona la herencia de la clase 'QMainWindow' de 'QWidget', que es un widget.

💡Constructor

El constructor es un método especial en la programación orientada a objetos que se ejecuta cuando se crea una nueva instancia de una clase. En el guion, se utiliza el constructor para inicializar la clase 'VentanaVacia', estableciendo su geometría, título y haciendo que sea visible en la pantalla.

💡Método Show

El método 'show' es utilizado en PyQt6 para hacer visible una ventana o widget en la pantalla. En el guion, después de configurar la geometría y el título de la 'ventana vacía', se llama al método 'show' para que se muestre en la interfaz de usuario.

💡QApplication

QApplication es una clase en PyQt6 que gestiona la aplicación principal y maneja los eventos del sistema operativo. Es esencial para cualquier aplicación PyQt6 y se instancia antes de mostrar cualquier ventana o widget. En el guion, se crea una instancia de QApplication antes de crear la 'ventana vacía'.

💡Programación Orientada a Objetos (POO)

La programación orientada a objetos es un paradigma de programación basado en la creación de 'objetos' que encapsulan datos y funciones. PyQt6 utiliza POO para construir interfaces de usuario, donde cada widget es un objeto con propiedades y métodos. En el guion, se crea una clase 'VentanaVacia' que hereda de 'QWidget', utilizando POO para definir su comportamiento.

💡Instancia

Una instancia es una copia específica de una clase en la programación orientada a objetos. En el guion, después de definir la clase 'VentanaVacia', se crea una instancia de esta clase para representar la ventana que se va a mostrar en la pantalla.

Highlights

Introducción al framework de desarrollo PyQT6

PyQT6 permite crear interfaces de usuario complejas y profesionales

Python tradicionalmente se asocia con aplicaciones de consola

PyQT6 permite visualizar interfaces de usuario en Python

Requisito de Python 3.7 para PyQT6

Importancia de trabajar con entornos virtuales de desarrollo

Procedimiento para crear un entorno virtual en Visual Studio Code

Activación del entorno virtual en Visual Studio Code

Instalación de PyQT6 utilizando pip

Inicio de la creación de la primera ventana en PyQT6

Importación de los módulos necesarios para la ventana

Creación de una clase heredada de QWidget

Definición del constructor y métodos de la clase ventana

Establecimiento de la geometría y título de la ventana

Visualización de la ventana con el método show

Creación y ejecución de la aplicación utilizando QApplication

Finalización de la aplicación con la ejecución de sys.exit

Error en el constructor y su resolución

Visualización de la ventana resultante

Resumen de los componentes y clases fundamentales en PyQT6

Función de QApplication en la gestión de eventos

Transcripts

Este vídeo es el primero de muchos en el

cual hablaremos de Qué es Pay qt6

pycle 6 es un framework de desarrollo el

cual nos permite generar interfaces de

usuario bastante complejas y

profesionales nos permite utilizar

botones Barros de navegación checkbox lo

que sea

estamos acostumbrados a que python es un

lenguaje más que todo de consola que

nunca vamos a hacer como una interacción

de pronto nuestros escrito están

corriendo ahí por debajo pero nunca Los

vemos compay

qt6 podemos generar sus

respectivas interfaz de usuario debemos

tener en cuenta que paicote 6 corre en

python 3.7 por eso es ideal tener

nuestra versión de python actualizada y

listo sin mayor demora empecemos vamos a

empezar Pues por preparar nuestro

ambiente lo ideal siempre generar un

ambiente desarrollo virtual un vi

spider-man para que pues para que

nuestro código con las dependencias que

tengamos no no produzcan algún tipo de

conflicto con otras de otros proyectos

Pues por eso lo ideal es siempre

trabajar con virtual environments le

damos clic en terminal New terminal

y listo

empezamos vamos a proceder con la

instalación de paycut de 6 vamos

bueno primero vamos a generar nuestra

mente de desarrollo entonces damos

python menos m y en b y en vi como

nombre de mi módulo vale

damos enter

aquí me va a proceder a generar el

ambiente desarrollo esperamos un

momentico que termine el comando listo

perfecto ya finalizó

lo que vamos a hacer ahora es activar

nuestro ambiente de desarrollo

para eso vamos a utilizarlas para

presionar las teclas control shift p

perfecto se nos va a Abre esta barra en

nuestro visual Studio code Vamos a darle

acá clic en seleccionar python

interpretar

empieza a descubrir verificando pues las

los intérpretes que se encuentran y

vamos a seleccionar

este el recomendado

que es la ruta donde nos encontramos

vale

si cerramos nuestra consola nuestra

terminal y la volvemos a abrir nos va a

abrir pues ya con el ambiente el Virtual

environment he cargado damos clic en New

terminal y Listo ya nos cargo nuestro

ambiente de desarrollo como podemos

saber si estamos en el Virtual

environment nos debe aparecer este tipo

de bueno este nombre que corresponde al

nombre de nuestro ambiente virtual de

primera sin este color verde

listo ahora procedemos a hacer la

instalación

de el país qtt con esto vamos a utilizar

Pipe 3

install by u V6 Qué pena ejecute 3

damos enter

y esperamos

inicia el proceso instalando los

paquetes

y Listo ya finalizó podemos ver que acá

dice instalación correctamente realizada

y Listo Ya estamos listos para para

empezar

vamos a este vídeo pues vamos a generar

nuestro primer ventana Por así decirlo

en vacío que es como los aspectos uno

los componentes base para generar

cualquier tipo de interfaz de usuario

entonces Siempre vamos a tener que hacer

este procedimiento listo iniciamos damos

clic derecho

damos crear nuevo archivo y vamos a

darle no sé el nombre que queramos

ventana

vacía y este es el vídeo número 1 punto

pg

listo vamos a empezar con las

importaciones vamos a importar

vamos a importar el pay qtt

entonces importamos

ute6 de este modo vamos a importar el

módulo entonces

Entonces desde este módulo

desde el módulo

qt widgets

Entonces qué queremos importar importe

me

Entonces el qa application

ya Les explico más adelante De qué

tratan estos estas clases y el Q widgets

perfecto

listo entonces utilizando un enfoque de

programación orientado a objetos vamos a

crear una clase Vamos a darle no sé

ventana

vacía

la cual va a heredar de q widget

que es esta clase que tenemos aquí

estamos acá dos puntos definimos su

inicializador o constructor DF

donde

damos inicializar el constructor o el

inicializador de esta clase para eso

utilizamos el super

entonces súper para Acceder al método

inicializador de la clase padre que es

el widget Vale entonces súper

punto

para inicializarlo perfecto

y acá bajito vamos a

ejecutar un método que aún no lo hemos

definido pero lo vamos a

escribir acá entonces

inicial

Uy perfecto ahora vamos a definir este

método que estamos ejecutando en el

constructor o en el inicializador de

esta clase

recordemos que los métodos tienen que ir

en minúscula por definición inicial

self perfecto y acá ya definimos la

parte de nuestra inicializador de la de

la

I Entonces vamos a definir un atributo

Bueno un getter Under entonces Geometry

que tiene esta clase widget pero como

estamos heredando

podemos acceder a sus server o los

métodos que me permiten modificar las

variables que esta clase maneja Entonces

tenemos acá muy accediendo al set

Geometry para definir pues la geometría

o las dimensiones que va a tener nuestra

ventana en vacío

Entonces esta recibe cuatro parámetros

el primero es la posición en x el

segundo es la posición en y el tercero

es el ancho y el cuarto es el largo

entonces todo esto está en píxeles

perfecto ahora vamos a definir el título

de nuestra ventana vacía para esto que

hacemos lo mismo que hicimos con

geometría definimos o accedemos a su

método que me permite modificar las

variables que que tiene entonces set

entonces set window

Windows

tiro

con esto podemos definir el título de

nuestra ventana nación pues va a ser mi

primera ventana perfecto

recordemos que estos están definidos en

nuestra clase padre que estamos oreando

Y por último

ejecutamos el método Show

el cual también se encuentra en widget

esto es para que la ventana se pueda

visualizar

listo vamos ahora a ejecutar nuestra

nuestra aplicación entonces

perfecto

Entonces qué Vamos a hacer vamos a crear

un objeto de una instancia de esta clase

Pero antes tenemos que generar una

instancia de esta clase que está más

importante pues vamos a darle como app

es igual a

application y entre paréntesis como

argumento pasamos el 6

esto que me permite pasarle por consola

parámetros a la aplicación que estamos

generando en este momento

Ahora sí generamos la la instancia de

nuestro láser ventana vacía

nos ventana

es igual

a ventana vacía

perfecto

Y por último Ahora sí ejecutamos nuestra

aplicación si es punto exit

punto

listo para que hacemos esto para para

que encerramos la ejecución de la

aplicación en 6 para pues cuando le

demos clic en cerrar efectivamente pues

corte todos los recursos que esté

utilizando nuestra aplicación y no es

nada más que no la veamos pero por

debajo en los procesos Aún se esté

ejecutando vale con eso nos aseguramos

que pues los procesos que se los

recursos que tenga pues se liberen

y listo ahora damos clic en ejecutar

esperamos un momentico

acá tenemos un error

o que acá es con el tema del constructor

Acá hay un error esto no debe ser pasado

listo guardamos

ejecutamos ahora sí

y vemos nuestra ventana creada esta Va a

ser como la plantilla base para los

demás elementos que pongamos botones

paros de navegación checkbox

y listo como podemos ver Es algo

Bastante sencillo

tenemos acá el título el que definimos

acá mi primera ventana ya con con los

demás vídeos que vamos a ir generando

Pues nos vamos a dar cuenta que que esto

es una de las partes esenciales para

generar una ventana pero bueno veamos

con mayor detalle que estamos haciendo

acá entonces acá definimos nuestra

ventana la clase la cual hereda de q

widget la cual a su vez tiene ciertos

métodos varía variables ya predefinidas

que lo único que necesitamos es definir

como sus valores acabemos y ya él se

encarga de hacer todo el proceso por

debajo de generarnos nuestra ventana

el Q a application esta clase en carga

de manejar o administrar el Main event

look en el mail de below podemos ver

todas las interacciones que el usuario

haga con con la ventana ya sean clics no

sé que cierra la aplicación y maximiza

todo ese tipo de interacciones pues van

a quedar ahí administradas en esta parte

generamos una instancia de la clase que

tenemos acá ventana vacía y acá

efectivamente lo que haces ejecutar ya

la aplicación dentro de un cis punto exe

lo cual asegura que una vez finalice la

aplicación los recursos que está haya

utilizado Pues que se liberen

ya con esto finalizamos el vídeo es

bastante sencillo no se olviden de dar

like y suscribirse y vamos a continuar

con estos vídeos entonces para que no se

los pierdan Muchas gracias