Diseño moderno con Menu Sidebar en Python Tkinter GUI ⭐ Tutorial Desde Cero - Parte 1

En este vídeo, te guiaré a través del proceso de creación de Interfaces Gráficas de Usuario (GUI) con un diseño moderno utilizando Python (Python Tkinter GUI Design). Utilizaremos Tkinter para la construcción de la interfaz gráfica, incorporando diversos widgets para alcanzar nuestros objetivos. Además, destacaremos un diseño que incluirá un menú lateral (sidebar) activado por un botón, permitiendo su visualización u ocultamiento según la preferencia del usuario. ¡perfecta tanto para principiantes como para desarrolladores intermedios de Python!

En este tutorial, haremos lo siguiente:
⭐ Crearemos un diseño moderno.
⭐ Manejaremos controles de Label, Frame, Button.
⭐ Manejo de iconos con FontAwesome.
⭐ Aprenderemos un poco el uso de la Herencia POO.
⭐ Asociar eventos Enter y Leave con la función dinámica con sidebar.
⭐ Manejo de Imagenes con Label

Instalación de dependencias (Pip):
🐍 pip install Pillow==10.1.0

Capítulos:
00:00 Introducción
01:18 Creación de la Estructura del Proyecto
03:00 Creación de Archivo de Configuración y Utilidades
07:07 Creación de la Ventana Principal Tkinter
12:16 Configuración de la Ventana Principal
16:40 Creación de Paneles (Frame)
22:15 Creación de Widgets
36:34 Configuración del Cambio de Botones con Eventos al Pasar el Ratón
39:55 Toggle para el Menú Lateral (Sidebar)
41:50 Colocación de Imagen en el Centro del Panel del Cuerpo
43:58 Resumen del Proyecto en Modo Debug

Si eres un desarrollador Python o aspirante a serlo, este tutorial es perfecto para ti. ¡No importa si eres principiante o experimentado, aprenderás habilidades esenciales que mejorarán tu flujo de trabajo de desarrollo en Python!

[edgarantonio]

No es necesario verlo escribir código. La forma de explicar es espectacular, no es ni muy rápido ni muy lento, usted es un crack enhorabuena 💪 Nuevo subscriptor

[jhon.k.]

Eu nem falo espanhol mas entendi tudo, tens o dom de ensinar.

[xavimarin]

bufff un video muy bueno y de una forma "sencilla" y muy bien explicada has construido una ventana con un diseño increible... además de una códificación increible y muy bien estructurada...

[martinfaverio]

EXCELENTE!! felicitaciones por la explicación tan detallada... Has ganado un subscriptor

[rauljimenez]

Brother realmente te la comiste sigue asi como vas explicado el código mas no escribiendo es excelente

[josueserrano]

Me encanta la organización en la que va todo

[-Fjolnir-]

aun no lo terminé de ver pero la verdad WOW que hermoso diseño hermano! jajaja y eso que a mi jamás me gusto la interfaz grafica que te da python XD realmente se nota lo que un profesional sabe hacer... lo unico de malo es que solo puedo dar 1 like D: luego cuando termine de ver el video comentaré de nuevo haciendo preguntas XDD

[OmarGonzalez-tibd]

Muy bueno muchas gracias. Sería útil que pudieras agregarle como habría que hacerlo para poder ir a las distintas ventanas (o frames) que representan cada uno de los botones.

[DarkAlucar]

Me encanta la forma en la que desarrollas, muy buen orden y super bien explicado ya me suscribí espero puedas seguir compartiendo lo que sabes porque estoy lleno de dudas

[Jeankarlos]

excelente explicación espero la continuación, como por ejemplo cuando selecciones una opción en la barra lateral aparezca la interface en el panel principal, osea si eliges registrar usuario que aparezca la interfaz de registrar usuario, espero que me entiendas, ahora realice todo lo que hiciste y me funciono de maravilla el único problema es con la visualización de los icono de fontaweson que no se muestran correctamente solo sale un cuadrito vacío

[dredupastor]

Buen tuto, coincido con Omar, sería interesante la segunda parte

[jorgemariovargas]

Autodidacta !! excelente video. Gracias

[javierruizarto]

Me parecen muy interesantes tus aplicaciones, Ojalá hicieses mas videos, me gustaría que me ayudases a añadir a un proyecto algunas funciones de apariencia profesional como una barra inferior con información o un menú tipo ribbon de office. Para solucionar el problema de font awesome, ¿por qué no utilizar la familia de fuentes Segoe UI? Ahí hay iconos parecidos a los ya utilizados como por ejemplo ☰

[vicentemvusb]

Eso es todo mi Chuy, muy chido. Un día de estos platicamos para un curso de AWS.

[kdbqemp]

Muy buen video y muy útil. Muchas gracias.

[shagorojas]

Excelente video!! Me fue de mucha utilidad. Quisiera saber en que pagina puedo consultar los diferentes códigos para generar los iconos con tkinter. Muchas gracias

[odelalvarado]

Hola alguien me ayuda porfa... tengo este error al instalar tkinter-fontawesome ERROR: Could not find a version that satisfies the requirement tkinter-fontawesome (from versions: none)
ERROR: No matching distribution found for tkinter-fontawesome;;;; pero el proble es cuando ejecuto hasta la parte que tengo{Error :::AttributeError: '_tkinter.tkapp' object has no attribute 'toggle_panel'}... si alguien me puede ayudar tego window 11, , , la ultima vesion instalada de VSCode y Python 12..

[alextuza]

SALUDOS, EXCELENTE APORTE. TENGO UNA CONSULTA COMO LE PODEMOS HACER ESE ARCHIVO EN EJECUTABLE?

[angelmoratroncoso]

Excelente video, muy claro. Tengo una consulta que tal vez ya has respondido en videos anteriores...Cómo puedo generar menus desplegables de selección de parámetros? Muchas gracias

[luquez_]

Me gustó mucho tu video. Solamente tengo un error, no me sale el ícono que se obtiene a partir del Awesome Font. Me sale como un cuadrito, pero no me lo detecta.