martes, 6 de noviembre de 2018

Aplicacion con interfaz: Multiplicacion(Practica No. 17)

Sintaxis del programa a analizar:


import sys
from Tkinter import *


def hacer_click():
    try:
        _valor = int(entrada_texto.get()) #dentro de la variable valor guarda lo que el usuario ingreso
        _valor = _valor * 5 #el valor guardado en la variable lo multiplica por 5
        etiqueta.config(text=_valor) #se le asiga el valor de la variable a una etiqueta
    except ValueError: #cuando se detecte un error en la entrada de texto...
        etiqueta.config(text="Introduce un numero!") #La etiqueta mostrara el mensaje asigano aqui


app = Tk() #crea una ventana
app.title("Mi segunda App Grafica") #coloca el titulo que se le asigne

# Ventana Principal
vp = Frame(app) #crea un contenedor
vp.grid(column=0, row=0, padx=(50, 50), pady=(10, 10)) #comienza a dar especificaciones al contenedor
vp.columnconfigure(0, weight=1) #configura las columnas
vp.rowconfigure(0, weight=1) #configura las filas

etiqueta = Label(vp, text="Valor") #crea una etiqueta en donde dara un valor
etiqueta.grid(column=2, row=2, sticky=(W, E)) #le da especificaciones a la etiqueta

boton = Button(vp, text="OK!", command=hacer_click) #crea un boton que al presionarlo, va a la funcion de hacer_click
boton.grid(column=1, row=1) #especificaciones al boton para colocarlo

valor = "" #crea una variable valor iniciada en vacio
entrada_texto = Entry(vp, width=10, textvariable=valor) #crea una entrada de texto en donde espera respuesta del usuario
entrada_texto.grid(column=2, row=1) #da especificaciones a nuestra entrada de respuesta

app.mainloop() #lanza la ventana creada

Corrida en pantalla de la interfaz





Como vemos en la sintaxis, ya le he agregado comentarios a cada una de las lineas para saber que es lo que hace cada una, pero en si saltandonos todos los datos especificos lo unico que estamos haciendo es declarar una funcion que nos tome el valor de nuestra entrada y lo multiplique por cinco(5), posteriormente nos va a colocar el resultado en la etiqueta que tenemos debajo de nuestra entrada al presionar el boton a su lado.
En caso de que no se ponga ningun valor o una letra y se presione el boton, se despliega el mensaje "Introduce un numero" para que el usuario ponga numeros exclusivamente en ese espacio.

No hay comentarios.:

Publicar un comentario