Curso Python. Interfaces gráficas VI. Vídeo 47

Introducción al curso de programación en Python

Resumen de la sección: En esta sección, el instructor da la bienvenida a los estudiantes y explica que en los próximos videos se elaborará una práctica para crear una calculadora utilizando lo aprendido hasta ahora en el curso. Se menciona que tanto el diseño de la interfaz gráfica como la funcionalidad de la calculadora son flexibles y pueden adaptarse según las preferencias del estudiante.

Creación de la interfaz gráfica

• Se comienza por crear la interfaz gráfica de la calculadora.

• Se utiliza el módulo tkinter para importar todas las clases necesarias.

• Se crea un frame principal llamado "mi_frame".

• El frame se empaqueta para establecer su tamaño por defecto.

• La pantalla de la calculadora se construye utilizando un entry widget llamado "pantalla".

• Se configura el color de fondo como negro y el color frontal como verde chillón.

• La justificación del texto en la pantalla se establece a la derecha.

Construcción de los botones

• Se procede a construir los botones de la calculadora.

• Los botones correspondientes a los números 7, 8, 9 y multiplicación son creados en una primera fila.

• Cada botón es asignado a una variable específica.

Otros detalles

• Algunas instrucciones adicionales pueden ser agregadas posteriormente para mejorar el diseño y funcionalidad de la calculadora.

• Es recomendable agregar comentarios o etiquetas en el código para facilitar su comprensión.

Configuración de la pantalla y los botones

Resumen de la sección: En esta sección, el instructor continúa con la configuración de la pantalla y los botones de la calculadora.

Configuración de la pantalla

• Se configura el tamaño y color del texto en la pantalla.

• Se establece que el texto esté justificado a la derecha.

Configuración de los botones

• Se asignan funciones o acciones a cada uno de los botones creados anteriormente.

• Estas funciones pueden ser definidas posteriormente para agregar funcionalidad a la calculadora.

Creación de las filas restantes de botones

Resumen de la sección: En esta sección, el instructor continúa creando las filas restantes de botones para completar la interfaz gráfica de la calculadora.

Filas 2 y 3

• Se crean los botones correspondientes a los números 4, 5, 6 y resta en una segunda fila.

• Se crean los botones correspondientes a los números 1, 2, 3 y suma en una tercera fila.

Fila 4: Botón cero y punto decimal

• Se crea un botón para el número cero.

• Se crea un botón para el punto decimal.

Fila 5: Botón igual

• Se crea un botón para realizar las operaciones matemáticas cuando sea presionado.

Agregar funcionalidad a los botones

Resumen de la sección: En esta sección, el instructor explica cómo agregar funcionalidad a los diferentes botones creados anteriormente en la interfaz gráfica de la calculadora.

Funciones para los botones numéricos

• Se definen funciones para los botones numéricos del 0 al 9.

• Estas funciones se encargan de mostrar el número correspondiente en la pantalla de la calculadora.

Funciones para los botones de operaciones matemáticas

• Se definen funciones para los botones de suma, resta, multiplicación y división.

• Estas funciones realizan las operaciones matemáticas correspondientes utilizando los números mostrados en la pantalla.

Función para el botón igual

• Se define una función para el botón igual.

• Esta función realiza la operación matemática seleccionada y muestra el resultado en la pantalla.

Conclusión y próximos pasos

Resumen de la sección: En esta sección final, el instructor concluye explicando que se ha logrado crear la interfaz gráfica de una calculadora básica utilizando Python y Tkinter. Se menciona que en futuros videos se abordará cómo agregar más funcionalidades a esta calculadora.

Cambio de nombre de variables y ubicación de botones

Resumen de la sección: En esta sección, el instructor explica cómo cambiar el nombre de las variables y ubicar los botones en la interfaz gráfica.

Cambio de nombre de variables

• Se cambia el nombre de las variables para que sean más descriptivas.

• El nombre "multa" se utiliza en lugar de agregar símbolos.

• Se asignan valores específicos a cada variable, como "7", "pool shock", "9" y "*".

Ubicación de los botones

• Los botones deben estar debajo de la pantalla.

• La pantalla está en la fila 1, por lo que el primer botón debe estar en la fila 2, columna 1.

• Se copian y pegan los botones restantes debajo del primero.

• Se modifican las columnas para asegurarse de que estén ubicados correctamente.

Instrucción "columnspan" para ajustar diseño

Resumen de la sección: En esta sección, el instructor explica cómo utilizar la instrucción "columnspan" para ajustar el diseño y hacer que los elementos ocupen varias columnas.

Uso de la instrucción "columnspan"

• La instrucción "columnspan" permite especificar cuántas columnas ocupa un elemento en una tabla o celda.

• En este caso, se desea que la pantalla ocupe cuatro columnas en lugar de una sola.

• Al utilizar la instrucción "columnspan", se indica a la pantalla que ocupe cuatro columnas en lugar de una.

Ajuste de diseño de botones y pantalla

Resumen de la sección: En esta sección, el instructor explica cómo ajustar el diseño de los botones y la pantalla para que se vean como una calculadora tradicional.

Ajuste de los botones

• Se realiza un ajuste en el diseño para que los botones aparezcan debajo de la pantalla, como en una calculadora normal.

• Se modifican las filas y columnas correspondientes a cada botón para ubicarlos correctamente.

Espacio alrededor de la pantalla

• El pequeño espacio que aparece alrededor de la pantalla corresponde al espaciado horizontal (padx) y vertical (pady) establecido en 10 píxeles.

Finalización del diseño de los botones

Resumen de la sección: En esta sección, el instructor finaliza el diseño de los botones ubicados en las filas restantes.

Diseño de la tercera fila

• La tercera fila debe contener los botones "4", "5", "6" y "restar".

• Se cambian los valores correspondientes a cada botón.

• Se asegura que estén ubicados correctamente en la fila 3.

Diseño de la cuarta fila

• La cuarta fila debe contener los botones "0", ",", "+" e "=".

• Se realizan copias del código anterior y se modifican los valores correspondientes a cada botón.

• Los nuevos botones deben estar ubicados en la fila 4.

Cambiar la fila y los textos

Resumen de la sección: En esta parte del video, el presentador menciona que debe cambiar la fila y los textos en su proyecto.

• La fila a modificar es la número 5.

• Para cambiar los textos, se utiliza el símbolo igual (=) junto con cero y una coma.

• Después de guardar los cambios, se ejecuta el proyecto y se obtiene una calculadora personalizada.

Diseñar la interfaz de la calculadora

Resumen de la sección: El presentador explica que cada persona puede diseñar su propia interfaz de calculadora según sus preferencias.

• Se pueden ubicar los botones como se desee.

• Es posible darle un color de fondo tanto a la calculadora como a los botones.

• Se menciona que es válido utilizar instrucciones o columnas para lograrlo.

Mostrar información en pantalla al pulsar un botón

Resumen de la sección: El siguiente paso es hacer que al presionar un botón, aparezca información en pantalla.

• Se recuerda que en un video anterior ya se mostró cómo hacer esto con texto.

• Ahora, el objetivo es mostrar el número correspondiente al botón pulsado en lugar del texto.

• También se menciona que más adelante se abordarán temas más complejos, como asignar diferentes números a distintos botones y mostrarlos en pantalla secuencialmente.

Continuar con las funcionalidades básicas

Resumen de la sección: El presentador menciona que se debe lograr que al pulsar un botón, aparezca el número correspondiente en pantalla.

• Se hace referencia a un video anterior donde se logró mostrar texto al presionar un botón.

• Ahora se busca mostrar el número correspondiente al botón pulsado.

• Se menciona que más adelante se abordarán temas más complejos relacionados con la funcionalidad de la calculadora.

Conservar los números anteriores y mostrarlos en pantalla

Resumen de la sección: El objetivo es conservar los números anteriores y mostrarlos en pantalla al pulsar diferentes botones.

• Se utiliza como ejemplo una calculadora normal, donde al pulsar el mismo número varias veces, este se va acumulando en pantalla.

• Se plantea cómo lograr esto utilizando los conocimientos previos.

• Se indica que estos temas serán abordados en el siguiente video.

Conclusiones y cierre

Resumen de la sección: El presentador invita a continuar con el siguiente video para seguir aprendiendo sobre las funcionalidades de la calculadora.

• Se menciona que en el próximo video se resolverán las dudas planteadas hasta ahora.

• Se anima a los espectadores a seguir practicando y diseñando su propia interfaz de calculadora.