9:52
Interfaz gráfica con Tkinter (1)
miguelvalerogarcia
Overview
Este video introduce la creación de interfaces gráficas de usuario (GUI) en Python utilizando la biblioteca Tkinter. Se explica cómo organizar los elementos de la interfaz en una estructura de cuadrícula (grid) con filas y columnas, y cómo agruparlos en 'frames'. Se detalla la configuración de la ventana principal, la disposición de widgets como botones, etiquetas y campos de entrada, y cómo asociar acciones a los botones. Finalmente, se muestra cómo visualizar imágenes en un 'canvas' y cómo mostrar mensajes emergentes con el texto ingresado por el usuario, además de una breve demostración de personalización de botones.
How was this?
Save this permanently with flashcards, quizzes, and AI chat
Chapters
- Tkinter es una biblioteca de Python para crear interfaces gráficas.
- La interfaz se organiza conceptualmente como una matriz de filas y columnas.
- Los elementos se agrupan en 'frames' (bloques) que ocupan celdas específicas de la matriz.
- La ventana principal ('root') se configura con un tamaño y se define la estructura de filas y columnas.
Comprender la estructura de la interfaz y el sistema de 'layout' es fundamental para colocar y organizar correctamente todos los elementos visuales de la aplicación.
La ventana de ejemplo se divide en una matriz de 2 columnas y 3 filas, donde la columna de la derecha se extiende a lo largo de las tres filas.
- Se definen 'LabelFrames' para agrupar elementos visuales, cada uno con un título y una posición en la matriz principal.
- Cada 'Frame' interno se configura con su propia estructura de filas y columnas.
- Los botones ('Button') se crean especificando su texto y la función que se ejecutará al hacer clic.
- Los campos de entrada de texto ('Entry') permiten al usuario ingresar información.
La creación y disposición de 'frames' y 'widgets' permite construir la estructura visual y la interactividad básica de la interfaz.
El 'frame' de fotos se coloca en la columna 0, fila 0, y contiene dos botones: 'Mostrar foto 1' y 'Mostrar foto 2', cada uno asociado a una función.
- Los botones pueden ejecutar funciones específicas al ser presionados.
- Para mostrar una imagen, se utiliza un widget 'Canvas' que actúa como contenedor.
- La imagen se redimensiona para ajustarse al tamaño del 'Canvas'.
- Se realizan operaciones específicas para preparar y mostrar la imagen dentro del 'Canvas'.
Permite al usuario interactuar con la interfaz para realizar acciones, como ver imágenes, lo que enriquece la experiencia de usuario.
Al hacer clic en 'Mostrar foto 1', se ejecuta la función 'show_1' que prepara y muestra la 'foto 1' en un 'Canvas' de 600x400 píxeles.
- Un widget 'Entry' captura el texto ingresado por el usuario.
- Al presionar un botón, se puede recuperar el texto del widget 'Entry'.
- Se utiliza 'message box' para mostrar el texto capturado en una ventana emergente.
- Esta funcionalidad permite la comunicación bidireccional entre el usuario y la aplicación.
Facilita la obtención de datos del usuario y la retroalimentación, haciendo la aplicación más interactiva y útil.
Si el usuario escribe 'Hola ¿qué tal?' en el campo de texto y presiona el botón asociado, aparecerá una ventana emergente mostrando 'Hola ¿qué tal?'.
- Los widgets como los botones pueden personalizarse en su apariencia.
- Se pueden cambiar colores de fondo ('background color') y de texto ('foreground color').
- Esta personalización mejora la estética y la usabilidad de la interfaz.
La personalización permite adaptar la apariencia de la interfaz a las necesidades de diseño o a las preferencias del usuario.
Se cambia el color de fondo de un botón a rojo y el color del texto a blanco para hacerlo más visible.
Key takeaways
- Tkinter organiza las interfaces gráficas mediante un sistema de 'layout' basado en filas y columnas, similar a una matriz.
- Los 'frames' son contenedores esenciales para agrupar y organizar widgets dentro de la ventana principal.
- Cada widget (botón, 'entry', 'canvas') tiene una posición específica dentro de la matriz de su 'frame' o ventana principal.
- La interactividad se logra asociando funciones a eventos de los widgets, como clics de botón.
- Los 'Canvas' son versátiles para mostrar elementos gráficos como imágenes.
- Los 'message boxes' son útiles para mostrar información o confirmaciones al usuario de forma rápida.
- La personalización de widgets permite ajustar la apariencia visual de la interfaz.
Key terms
TkinterInterfaz Gráfica de Usuario (GUI)LayoutWidgetFrameLabelFrameButtonEntryCanvasMessage BoxRoot WindowRow Span
Test your understanding
- ¿Cómo se organiza el 'layout' de una ventana en Tkinter y qué papel juegan las filas y columnas?
- ¿Cuál es la función de un 'frame' en la construcción de una interfaz gráfica con Tkinter?
- ¿Cómo se asocia una acción específica (una función) a un clic de botón en Tkinter?
- ¿Qué widget se utiliza para mostrar imágenes y cómo se prepara la imagen para su visualización?
- ¿De qué manera se puede capturar la entrada de texto del usuario y mostrarla en una ventana emergente?