Escolar Documentos
Profissional Documentos
Cultura Documentos
Continuando con el tutorial sobre como crear una calculadora en Microsoft Visual
Studio 2010, les traigo la segunda parte y la mas importante y no complicada, sino
que hay que concentrarse y nunca perder la atención.
Si no has visto la primera parte de este tutorial, puedes verla haciendo clic aquí.
2) El Código
Figura 1
Agrandar Imagen
Como ya he dicho antes, el 0 en color rojo está en ese lugar puesto que al
presionar la tecla 0, obviamente en la caja de operaciones o Textbox2 debe
aparecer un cero. ¿Que hacer con los otros numeros? Copia y pega ese mismo
código en todos los números haciendo doble clic en cada uno de ellos, ejemplo, si
haces doble clic el numero 1, sustituye el 0 entre comillas por un 1, y haras lo
mismo con los demas hasta llegar al 9, como se muestra en la siguiente figura
ººººº
Figura 2
Agrandar Imagen
Figura E3
Como saben, el texto en Azul es lo que puede variar, el nombre. Recuerden que la
caja de operaciones en la calculadora que yo creé es TextBox2 pero ustedes
pueden cambiarlo por el nombre que les asigne el programa. Ahora, explico la
linea Button3.Enabled = False
Como pueden observar, la palabra Button3 también está remarcada en azul, pues
puede variar porque es el nombre del botón que contiene el punto, para ver o
cambiar el nombre que les asigno Visual deben hacer el mismo procedimiento de
la Figura 1. Pero, ¿Que acción hace esta linea? Como todos sabemos, en una
calculadora el punto puede escribirse una sola vez ya que si se escribe mas de
una vez produciría un SYNTAX ERROR o Error de sintaxis, esta linea hace una
acción muy simple pero bien importante, ya que al presionar el botón del punto se
desactivará el botón de manera que ya no podremos presionarlo sino hasta
cuando nos toque escribir la otra cantidad.
El código en azul está precisamente de este color por ser el nombre de las
variables, nombre que tu puedes cambiar por cualquier otro, pero
siempre recordándolo ya que influye en la interpretación de otros códigos que
te mostraré mas adelante.
A continuación, te explico que dato guardará cada una de estas cuatros variables
presentes en el código anterior.
Button3.Enabled = True
Button2.Enabled = True
TextBox1.Text = "+"
operacion = 2
numerouno = Val(TextBox2.Text)
TextBox2.Clear()
A continuación, una parte bastante esencial y que hay que tener muy en cuenta,
recuerdan que la variable operacion es la nos permitirá saber que operación básica
se está realizando entre numerouno y numerodos. Por esto, a dicha variable se
le asignara un valor distinto por cada operación en mi caso use el valor 2 para
identificarla, pero podrias usar el 3, 4, 5 o cualquier numero que se te venga a la
mente, incluso una palabra encerrada entre comillas.
Como necesitamos que guarde ese valor, pero que al mismo tiempo lo borre, ya
que necesitaremos escribir otro numero, es neceserario el
codigo TextBox2.Clear() presente en el código anterior.
- Resta o Sustracción
Button3.Enabled = True
Button2.Enabled = True
TextBox1.Text = "-"
operacion = 3
numerouno = Val(TextBox2.Text)
TextBox2.Clear()
- Multiplicación
Button3.Enabled = True
Button2.Enabled = True
TextBox1.Text = "*"
operacion = 4
numerouno = Val(TextBox2.Text)
TextBox2.Clear()
- División
Button3.Enabled = True
Button2.Enabled = True
TextBox1.Text = "/"
operacion = 5
numerouno = Val(TextBox2.Text)
TextBox2.Clear()
Nota que todos los códigos serian idénticos sino fuera por dos puntos bien
importantes. En la tercera linea es necesario cambiar el símbolo dependiendo de la
acción que estemos realizando, y que la variable operación necesita tener un
valor único por cada operación de manera que pueda identificarse en el siguiente
punto que trataremos.
Boton Igual (=): este será la puerta que nos mostrará el resultado, y el que
contendrá el identificador de la variable operación. Veamos su código
numerodos = Val(TextBox2.Text)
If operacion = 2 Then
total = numerouno + numerodos
TextBox2.Text = total
ElseIf operacion = 3 Then
total = numerouno - numerodos
TextBox2.Text = total
ElseIf operacion = 4 Then
total = numerouno * numerodos
TextBox2.Text = total
ElseIf operacion = 5 Then
total = numerouno / numerodos
TextBox2.Text = total
End If
- Suma: 2
- Resta: 3
- Multiplicación: 4
- División: 5
En la primera linea del codigo se puede ver la variable numerodos; ya que al dar
clic en el boton igual lo primero que necesitamos el capturar el numero que
sumará, restará, multiplicará o dividirá al numerouno.
operacion = 6
If operacion = 6 Then
numerouno = Val(TextBox2.Text)
TextBox2.Text = System.Math.Sqrt(numerouno)
End If
La raíz cuadrada al igual que las operaciones básicas, es una operación, valga la
redundancia, por esta razón necesitamos identificarla, el valor que yo le he dado
ha sido 6 como ves en el código de arriba, y debajo de la variable he puesto el
identificador que reconocerá si la operación es igual a 6 entonces el la
variable numerouno capturará el valor que se encuentra en ese momento en la
caja de operaciones o TextBox2 en mi caso, y en la misma caja mostrará el
resultado de la raiz cuadrada de el numero capturado.
El porcentaje: Hay varias maneras de calcular el porcentaje de un número
en una calculadora, pero esta vez lo haré de la forma sencilla que puedo
mostrarles. Antes de comenzar, en el cuadro de herramientas o ToolBox
buscamos la herramienta Label y la arrastramos hasta cualquier espacio libre
de la calculadora de esta manera.
Figura 4
Ahora, haz clic en cualquier espacio libre del formulario, donde no haya puesto
ningun boton, ni ninguna caja de texto, ni ninguna label, ni ningun menu, solo haz
doble clic en cualquier espacio de la ventana gris. Entre las lineas que se
encuentra el cursor de escritura, pega el siguiente código.
Label1.Visible = False
Label1 será el nombre del nuevo control que hemos insertado, pero ¿Qué hace
precisamente este código? Como no queremos que ese label se vea al momento
de arrancar el programa, ya que solo será un "puente" para obtener nuestro
resultado de porcentaje, le quitamos visibilidad con el atributo Visible en False.
numerodos = Val(TextBox2.Text)
If operacion = 4 Then
total = numerouno * numerodos
Label1.Text = total
End If
TextBox2.Text = Val(Label1.Text) / 100
El botón mas o menos (+-): este botón nos permitirá pasar una cantidad
escrita de mas a menos, así como poner en negativo cualquier
cantidad próxima a escribir. La hace negativa ya que el positivo esta
predeterminado. Haz doble clic sobre el, y entre las lineas donde se encuentra
el cursor de escritura pega el siguiente código.
El botón C: Clean o Limpiar sera la accion que realizara este boton al dejar
en blanco la caja de operaciones. Haz doble clic en el boton C y entre las lineas
de codigo donde se encuentra el cursor de escritura pega el siguiente código.
Button3.Enabled = True
Button2.Enabled = True
TextBox2.Clear()
Esto ha sido todo por este tutorial, los demás botones y el menú son códigos mas
avanzados que estaré explicando próximamente.