Тёмный

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

Autodidacta
Подписаться 2,9 тыс.
Просмотров 8 тыс.
50% 1

En este video, daremos continuidad al emocionante proyecto de creación de un moderno dashboard. Te conduciré a lo largo del proceso de diseño y desarrollo de Interfaces Gráficas de Usuario (GUI), centrándonos especialmente en la creación de interfaces secundarias que se integrarán de manera elegante en la zona principal de la ventana maestra. Además, exploraremos el uso de ventanas secundarias mediante el componente 'toplevel'. Utilizaremos las poderosas herramientas Tkinter y Matplotlib para la construcción de gráficos, integrando una variedad de widgets para lograr nuestros objetivos de manera efectiva. ¡Acompáñanos en este viaje creativo mientras llevamos nuestro proyecto a nuevas alturas!
En este tutorial, haremos lo siguiente:
⭐ Crearemos un diseño de Graficas con Matplotlib para ir preparando nuestro futuro dashboard.
⭐ Manejaremos controles de Label, Frame, Image.
⭐ Aprenderemos el uso de ventanas secundarias con Toplevel.
⭐ Aprenderemos un manejo mas profundo de Frame para sustituir datos.
⭐ Manejo de Imagenes con Label
Descargar el proyecto en Github👉 acortar.link/t...
Instalación de dependencias (Pip):
🐍 pip install Pillow==10.1.0
🐍 pip install matplotlib==3.8.1
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!

Опубликовано:

 

25 окт 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 66   
@ramseshernandez3725
@ramseshernandez3725 3 месяца назад
Muchas veces investigamos nuevas tecnologías y requerimos probarlas haciendo algún proyecto para tomar decisiones, sin embargo cuando existe iniciativas como las que ha realizado usted, aporta mucho valor al desarrollo de software, muy buenos videos ...
@autodidacta-mx
@autodidacta-mx 3 месяца назад
Gracias por tu comentario
@raulrodriguez-km7lp
@raulrodriguez-km7lp 5 месяцев назад
Hola, muy buenos sus videos y demuestra el potencial que tiene TKinter sin necesidad de utilizar otras librerias. Gracias por compartirnos sus conocimientos!
@autodidacta-mx
@autodidacta-mx 3 месяца назад
Gracias por tu comentario
@joaomarcosdasilva5046
@joaomarcosdasilva5046 11 месяцев назад
Hola amigo, muchas gracias por el conocimento transmitido, ya habia buscado por muchos vídeos, ningún me ayudó como usted, sobre cómo cambiar frames de nuestra aplicación con el uso botones. Perdón por mi español , aún estoy aprendiendo. Abrazos de Brasil!
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Olá JAO, fico feliz em saber que você achou útil. Muy bien tu español.
@rauljimenez5364
@rauljimenez5364 11 месяцев назад
Hermano no soy de escribir en los Canales pero en realidad te la comes sigue asi con esa metodología de enfocarte mas en ir explicado cada parte.
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Gracias @rauljimenez5364 por tu comentario, poco a poco vamos mejorando con sus retroalimentaciones
@rgabygc
@rgabygc 3 месяца назад
Buen video
@autodidacta-mx
@autodidacta-mx 3 месяца назад
Gracias
@DavidHernandez-cl2te
@DavidHernandez-cl2te 11 месяцев назад
gracias por tus excelentes videos ojala que no dejes de hacerlos, son muy buenos y bien explicados ojala que pudieras hacer uno con mysql
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Vario me han pedido un CRUD la próxima semana espero publicarlo y lo conectare con mysql. Muchas gracias por tu comentario se agradece @DavidHernandez-cl2te
@miguelangelrivasgarcia9080
@miguelangelrivasgarcia9080 11 месяцев назад
En la dulce espera ❤
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Gracias por la confianza Miguel
@miguelangelrivasgarcia9080
@miguelangelrivasgarcia9080 11 месяцев назад
Sigo con el problema de el font awesome no me carga los iconos, ya busque en internet y nada no doy con la solución
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
@@miguelangelrivasgarcia9080 Intenta instalando pip install fontawesome. Por fa
@miguelangelrivasgarcia9080
@miguelangelrivasgarcia9080 11 месяцев назад
Ya lo hice y nada
@richardmazuelos3195
@richardmazuelos3195 11 месяцев назад
​@@miguelangelrivasgarcia9080yo tuve el mismo problema, me aparecían iconos raros. Solo debes de instalar la fuente de fontawesome desde su página
@cristiancontreras352
@cristiancontreras352 5 месяцев назад
Estos 2 videos fueron geniales, me aclararon tantas dudas, me gustaría preguntar quete parece custom tkinter, y queria saber con lo que has hecho en estos 2 videos como los compilo
@autodidacta-mx
@autodidacta-mx 3 месяца назад
Me alegra que los videos te hayan sido útiles. Sobre como compilarlo necesitariamos una herramienta extra como PyInstaller o cx_Freeze
@marias4550
@marias4550 11 месяцев назад
Que gusto verte haciendo videos, mucho exito, me gustaría dar un feedback, podrías bajarle al sonido de la música inicial porque es muy cíclica, tiende a ser molesta para algunas personas, se pierde tu voz, por ahí del 2:40 de escucha mejor sin música. Saludos.
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Super @marias4550 , Gracias por la recomendación, vamos poco a poco mejorando cualquier otro comentario sera bien recibido.
@DarkAlucar
@DarkAlucar 11 месяцев назад
Que buen video amigo, un saludo
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Gracias @DarkAlucar , en el próximo vídeo te daré las gracias por los ánimos que das
@PercyGutierrez-dk4kl
@PercyGutierrez-dk4kl 7 месяцев назад
Estimado, seguimos esperando el CRUD conectado con mysql, por favor te encargamos
@manuelalejandronino5816
@manuelalejandronino5816 5 месяцев назад
Muy bueno amigo, enserio que sabes manejar muy bien esta area, pero tengo una duda, como se le podria agregar groupBox en lugar de graficas ?? donde se pueda registrar datos en cada cuadro dentro uno de los botones
@autodidacta-mx
@autodidacta-mx 3 месяца назад
Que tal @manuelalejandronino5816 para el conceptode groupbox en tlinter son los Frame Tkinter no tiene un widget específico llamado . Sobre registrar datos en cada cuadro dentro de los botones no entendi bien eso. 😅
@waltersanchez2409
@waltersanchez2409 5 месяцев назад
Amigo, muy bueno su proyecto y explicación, favor como se podría añadir ahi mismo un sub menú, abrazos desde Perú
@autodidacta-mx
@autodidacta-mx 3 месяца назад
Que tal @waltersanchez2409 gracias por tu comentario, lo del submenu buscare ver la posibilidad de hacer algo como eso.
@daviddlaa
@daviddlaa 8 месяцев назад
Yo tomé el dashboard y construí una suite de inventario y ventas con base Sqlite3 me ha costado ,pero ahí voy , lo único que no me funciona bien aún es el botón de esconder la barra lateral
@autodidacta-mx
@autodidacta-mx 8 месяцев назад
Orales David me da gusto antes que nada tu progreso. Te deseo suerte voy a ver si hago un video sin tanto rollo y solo meter el menu side.
@daviddlaa
@daviddlaa 8 месяцев назад
Te voy a pasar el código para que me des tu opinión, le quite el botón toglee panel, no lo pude hacer funcionar con mis widgets
@autodidacta-mx
@autodidacta-mx 8 месяцев назад
Me parce bien, si puedes pasar el enlace Git por favor lo puedo revisar.@@daviddlaa
@alxbotnet2824
@alxbotnet2824 8 месяцев назад
Muchas gracias por compartir tu conocimiento, pero puedes crear un tutorial pero con pyqt5 se le agradeceria un montón, te deje like y suscriptor nuevo por el buen contenido que comparte.
@autodidacta-mx
@autodidacta-mx 8 месяцев назад
Muchas Gracias por apoyarme, ando queriendo también subir algo de pyqt5 . Me pondré las pilas, por le momento ya tengo preparado 3 videos antes que ya estoy trabajando seria como para el 4 que podria publicar uno. Saludos
@carlosb7929
@carlosb7929 9 месяцев назад
Se podría hacer que en vez de destruir los frames hiciera un .pack_forget() para si luego vuelves a abrir ese menú que los datos estén guardados? Es que lo he intentado en vez de .destroy() pero no hace nada... al llamarlo no limpia lo anterior
@autodidacta-mx
@autodidacta-mx 8 месяцев назад
Hola Carlos, no se me habia ocurrido pero creo que puede funcionar, deja lo implemento te aviso. Saludos
@GamingHorizon_News
@GamingHorizon_News 11 месяцев назад
muchas gracais
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Si me apoyas con el mensaje que te sale para poder guiarme e identificar el problema
@GamingHorizon_News
@GamingHorizon_News 11 месяцев назад
@@autodidacta-mx hola fue por mala identificacion pero ya lo solucione muchas gracias. Pero tengo un problema con los iconos en version codigo que escribo los que mencionas en el video y sale es otra imagen y ya instale el font awesome
@GamingHorizon_News
@GamingHorizon_News 11 месяцев назад
@@autodidacta-mx y si me podrias ayudar con un codigo que quiero agregarle a esta interfaz ( que esta genial) .Pero me queda algo dificil. no se que estoy haciendo mal
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
. Bueno deja busco preparar un video exclusivo para eso es probable que se descargara un a versión diferente entonces necesitas otro código ahí les mostrare como hacerlo
@josemarquez-yo4yx
@josemarquez-yo4yx 11 месяцев назад
Buen dia! para obteneter uno iconos del menu sidebar hay que instalar algo? ya lo he terminado pero los icon de pictures, dashboard y los otros no son iguales a los tiene en su GUI grafic
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Me apoyas intentando instalar pip install fontawesome-free
@darkhacktion
@darkhacktion 5 месяцев назад
tengo el mismo inconveniente, e instale tu el pip install fontawesome-free, pero me sigue mostrando otros iconos :(
@luciamartinezlain1210
@luciamartinezlain1210 8 месяцев назад
y como puedo hacer para que un boton vuelva a la pagina de inicio?
@autodidacta-mx
@autodidacta-mx 8 месяцев назад
Hola Lucia, si te refieres cambiar a la zona de defecto del inicio de la imagen se puede crear un panel adicional que lo nombre principal e invoques un boton para ese escenario.
@yesidcastro408
@yesidcastro408 7 месяцев назад
en esta instancia ya podría ser exportado como ejecutable.exe sin tener ningun tipo de error ?
@autodidacta-mx
@autodidacta-mx 7 месяцев назад
Claro, usa lo siguiente "pyinstaller --add-data "imagenes/*.png;imagenes/" main.py" instala pip install pyinstaller
@yesidcastro408
@yesidcastro408 7 месяцев назад
@@autodidacta-mx lo hice se exportan todos los archivos ejecuto el .exe abre una ventana y se cierra de inmediato
@autodidacta-mx
@autodidacta-mx 7 месяцев назад
El error que mencionas es derivado probablemente a que no encuentra las imágenes con el comando --add-data se debieron importar incluso apóyame en colocar al nivel de la carpeta las imágenes con eso debería de funcionar. En un espacio hago un video de como genero el .exe@@yesidcastro408
@yesidcastro408
@yesidcastro408 7 месяцев назад
@@autodidacta-mx quedo a tentó a dicho video y su es posible unir el proyecto con el login muchisimas gracias
@rauljimenez5364
@rauljimenez5364 11 месяцев назад
Bro haz la tercera parte con usando en ese mismo formulario input y tablas
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Buena idea, esta tercera parte la publicare en 2 semanas contendrá tu sugerencia. Gracias
@rauljimenez5364
@rauljimenez5364 11 месяцев назад
@@autodidacta-mx Listó mi hermano oye bro estoy trabajando en un proyecto que te parece si cuando termine te lo comparto para explique como se hizo y todo asi apoyamos a los que inician en este nuevo mundo.
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
​@@rauljimenez5364 Maravilloso me parece bien Raul. Quedo al pendiente Gracias
@daviddlaa
@daviddlaa 7 месяцев назад
no me permite comentar con el link
@autodidacta-mx
@autodidacta-mx 7 месяцев назад
Descuida nos contactamos por Mail
@christianperez7436
@christianperez7436 11 месяцев назад
hola, quisera saber si podrias compartir el codigo de la primer parte de login, hay un error en el link y tambien quisiera saber si me podrias ayudar con un proyecto muy sencillo
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
Hola Chistian te paso el enlace, igual ya corregi en el video github.com/AutodidactaMx/Code-General-Python/tree/main/Modern%20GUI . Muchas Gracias por avisar.
@christianperez7436
@christianperez7436 11 месяцев назад
gracias, qusiera saber si me puedes ayudar con un proyecto sencillo y poder contactarme contigo@@autodidacta-mx
@autodidacta-mx
@autodidacta-mx 11 месяцев назад
@@christianperez7436 Si puedes mándame un correo me explicas a grandes rasgos y te digo si puedo apoyarte jesus.gutierrez@autodidactamx.com.
@sisprotecnoc.a.7180
@sisprotecnoc.a.7180 10 месяцев назад
Tampoco me funcionaban los iconos y resolvi descargando e instalando la fuente FontAwesome como fuente para windows😏
@autodidacta-mx
@autodidacta-mx 8 месяцев назад
Gracias, por el comentario, veo que varios les falla, buscare otra alternativa mas genérica.
@daviddlaa
@daviddlaa 7 месяцев назад
pana te deje el proyecto en el comentario de abajo
Далее
Modern Graphical User Interfaces in Python
11:12
Просмотров 1,6 млн
How is this Website so fast!?
13:39
Просмотров 584 тыс.