Interfaz Gráfica con Python
Python Tkinter
Creación de Interfaz Gráficas
1
Interfaz Gráfica con Python
Contenido
Widgets Básicos 2
Práctica 01 First Window 2
Práctica 02 Hello World with Label 3
Práctica 03 Hello World with Button 5
Práctica 04 Formulario de estudiante 6
Practica 5 Cálculo de días vividos 8
2
Interfaz Gráfica con Python
Práctica 01 Primera Ventana
Objetivo
Crear una ventana con el lenguaje de programación Python
Código
#Importar librerá TKinter
import tkinter as tk
root = tk.Tk() #Crea una nueva ventana
root.title("Hola Mundo") #Título
ventana.mainloop()
Desafío: Probar los siguientes comandos y jugar con las propiedades del objeto root
Comandos Descripción Observaciones
root.geometry("600x300") Tamaño
root.geometry("600x300+500+10") Tamaño y posición
root['bg']='green'
3
Interfaz Gráfica con Python
Práctica 02 Hello World with Label
Código
#Importar librerá TKinter
import tkinter as tk
root = tk.Tk() #Crea una nueva ventana
root.geometry("600x300+500+10")
root.title("Hola Mundo") #Título
root['bg']='green'
widgetLabel = tk.Label(root, text="Hello World!")
widgetLabel.pack()
root.mainloop()
4
Interfaz Gráfica con Python
Desafío:
● Jugar con los siguientes comandos a través del objeto root
● Agregar una nueva etiqueta
Comandos Descripción Observaciones
widgetLabel['fg']='white'
widgetLabel['font']='Arial 24'
5
Interfaz Gráfica con Python
Práctica 03 Hello World with Button
Código
#Importación de librerías gráficas
from tkinter import *
from tkinter import ttk
root = Tk()
ventana = ttk.Frame(root, padding=20) #Crear una ventana
ventana.grid() #Rejilla para los componentes
#Etiqueta
ttk.Label(ventana, text="Hello World!").grid(column=0, row=0)
#Boton
ttk.Button(ventana, text="Quit", command=root.destroy).grid(column=1, row=0)
root.mainloop()
6
Interfaz Gráfica con Python
Práctica 04 Formulario de estudiante
Objetivo
Definir un interfaz de Usuario para captura de información de estudiante
Código
#Importación de librerías gráficas
from tkinter import *
root = Tk() #Crea una ventana
root.geometry('500x300')
root.title('Forma de captura de Estudiante')
root['bg']='#ff9a52'
#Etiqueta1
labelGreeting = Label(root, text="Datos del estudiante")
labelGreeting.place(x=100, y=20)
7
Interfaz Gráfica con Python
labelGreeting['bg']='#ff9a52'
labelGreeting['fg']='#690202'
labelGreeting['font']= 'Arial 20'
#Etiqueta2
labelNombre = Label(root, text='Nombre')
labelNombre['font'] ='Roboto 12'
labelNombre.place(x=10, y=60)
#Entry
entryNombre = Entry(root)
entryNombre.place(x=150, y=60)
#Boton
buttonSalir = Button(root, text="Salir", command=root.destroy)
buttonSalir.place(x=150, y=100)
buttonSalir['width'] = '15'
root.mainloop()
Desafío
● Crear la siguiente interfaz agregando los controles
● Personaliza los colores de los Widgets de acuerdo a tus gustos.
8
Interfaz Gráfica con Python
9
Interfaz Gráfica con Python
Práctica 5 Cálculo de días vividos
Código
from tkinter import *
win = Tk()
win.geometry("600x300")
win.title("Formas Días Vividos")
win['bg'] = '#9dc9ac'
# Título de Formulario
labelTitle = Label(win, text="Cálculo de Días Vividos")
labelTitle['font'] = 'Arial 20'
labelTitle['bg'] = '#45aab8'
labelTitle['fg'] = '#39324d'
labelTitle.place(x=150, y=5)
# Título de Label Nombre
labelEdad = Label(win, text="Ingresa la edad")
labelEdad['font'] = 'Arial 14'
labelEdad['bg'] = '#45aab8'
10
Interfaz Gráfica con Python
labelEdad['fg'] = '#39324d'
labelEdad.place(x=20, y=60)
# Control para captura de edad
edadEntry = Entry(win)
edadEntry['font'] = 'Arial 20'
edadEntry['bg'] = '#39324d'
edadEntry['fg'] = 'white'
edadEntry.place(x=200, y=60)
# Título de Label Edad
labelTotal = Label(win, text="Total")
labelTotal['font'] = 'Arial 14'
labelTotal['bg'] = '#45aab8'
labelTotal['fg'] = '#39324d'
labelTotal.place(x=20, y=100)
# Despliegue de edad
totalEntry = Entry(win, state=DISABLED)
totalEntry['font'] = 'Arial 20'
totalEntry['bg'] = '#39324d'
totalEntry['fg'] = 'white'
totalEntry.place(x=200, y=100)
# Botón para realizar los cálculos
botonCalcular = Button(win, text="Calcular")
botonCalcular['font'] = 'Arial 30'
botonCalcular['bg'] = '#39324d'
botonCalcular['fg'] = 'white'
botonCalcular.place(x=200, y=150)
# Botón de Salir
botonSalir = Button(win, text="Salir")
botonSalir['font'] = 'Arial 30'
botonSalir['bg'] = '#39324d'
11
Interfaz Gráfica con Python
botonSalir['fg'] = 'white'
botonSalir.place(x=400, y=150)
win.mainloop()
Agregar las variables de control que ligan a las cajas de texto
Ligar las variables de control a los componentes Entry
Indicar al botón la función que realizará los cálculos y establecerá valor en control entryTotal
12
Interfaz Gráfica con Python
Véase resultado
Desafío utilice un manejo de error cuando se le ingrese un dato incorrecto, mensajes de error
from tkinter import messagebox
def calcular():
try:
age = int(edadControl.get()) *365 # Extrae
totalControl.set(str(age)) # Establece valor
except ValueError:
13
Interfaz Gráfica con Python
messagebox.showinfo(message="Error en el datos", title="Error")
totalEntry.focus_set()
14
Interfaz Gráfica con Python
Cr
15
