Introducción a GUI
• CLI (Command Line Interface)
• GUI (Graphic User Interface)
• GUI vs CLI
• Componentes GUI
CLI (Command Line Interface)
CLI (Command Line Interface)
WordStar
GUI (Graphic User Interface)
GUI (Graphic User Interface)
Microsoft Word
GUI vs CLI
CLI GUI
• Escalabilidad/ • Menor trabajo mental
Configuración • Simplificar tareas
• Automatización • Visibilizar resultados
• Control Funciones • Facilidad de Uso
Sistema
• Menor Uso de
Memoria
[Link]
GUI en Python
PyQt Kivy PySimpleGUI
WxPython
Tkinter
[Link]
Componentes GUI
Tk: Base de la interfaz, contenedor principal
Componentes GUI
Frame: Agrupa controles, contenedor secundario
Componentes GUI
Label: Texto estático o imagen
Componentes GUI
Entry: Texto corto (Caja de Texto)
Componentes GUI
Text: Texto largo (Caja de Texto)
Componentes GUI
Button: Botón de acción (Comando)
Diseñar una
calculadora
sencilla con
operaciones
básicas
Demo – Contenedor Base
import tkinter
from tkinter import *
#Definir ventana base
raiz = Tk()
#Definir titulo de la ventana
[Link]("Calculadora 1.0")
#Define una dimensión para la ventana
[Link]('250x100')
#Adicionar Controles
label1 = [Link](raiz, text="Hola Mundo!")
[Link]()
#Hacer la ventana de dimensión fija
[Link](False, False)
#Ejecutar script tkinter
[Link]()
Demo - Controles
import tkinter #Etiqueta Numero 2
from tkinter import * label2 = [Link](raiz, text="Número 2:")
[Link](row = 1, column= 0)
#Caja de Texto 2
#Definir ventana base
entry2 = [Link](raiz)
raiz = Tk() [Link](row = 1, column= 1)
#Definir titulo de la ventana #Boton 1
[Link]("Calculadora 1.0") button_add = [Link](raiz, text="Sumar")
#Define una dimensión para la ventana button_add.grid(row=2, column=0, columnspan=2)
[Link]('250x100') #Hacer la ventana de dimensión fija
#Adicionar Controles [Link](False, False)
#Etiqueta Numero 1 #Ejecutar script Tkinter
label1 = [Link](raiz, text="Número 1:") [Link]()
[Link](row = 0, column= 0)
#Caja de Texto 1
entry1 = [Link](raiz,)
[Link](row = 0, column= 1)
import tkinter Demo – Comandos (01)
from tkinter import *
from tkinter import messagebox as mb
#Definir ventana base
raiz = Tk() #Función para el botón sumar
#Definir titulo de la ventana def button_add_clicked():
[Link]("Calculadora 1.0") #Leer datos de las cajas
#Define una dimensión para la ventana numero01 = int([Link]())
[Link]('250x100') numero02 = int([Link]())
#Adicionar Controles #Calcular la operación con los datos (suma)
#Etiqueta Numero 1 resultado = numero01 + numero02
label1 = [Link](raiz, text="Número 1:") #Desplegar el resultado de la suma
[Link](row = 0, column= 0) [Link]("Resultado", "La suma es: "+str(resultado))
#Caja de Texto 1 #Boton 1
entry1 = [Link](raiz,) button_add = [Link](raiz, text="Sumar", command=button_add_clicked)
[Link](row = 0, column= 1) button_add.grid(row=2, column=0, columnspan=2)
#Etiqueta Numero 2 #Hacer la ventana de dimensión fija
label2 = [Link](raiz, text="Número 2:") [Link](False, False)
[Link](row = 1, column= 0) #Ejecutar script Tkinter
#Caja de Texto 2 [Link]()
entry2 = [Link](raiz)
[Link](row = 1, column= 1)
Taller de Diseño
Diseñar e implementar los siguientes programas en Python y
Tkinter:
1. Diseñar una calculadora sencilla para dos números reales
(suma, resta, producto y división).
2. Diseñar un convertidor de temperatura de grados centígrados
a grados Fahrenheit y viceversa.
3. Indicar el mayor valor de un vector de reales.
4. Indicar los elementos comunes entre dos vectores de enteros.
Recurso recomendado: [Link]