Calculadora Visual Basic

Vamos a crear un "primer programa" que se escribirá en Visual Basic (VB). Nuestro proyecto será una calculadora básica que enseñará la lógica y proporcionará el código para nuestra calculadora. Nuestras instrucciones se configurarán para que el usuario cree un botón para agregar y escriba el código para ello. A partir de esto, el usuario podrá agregar más (resta, división, etc.) a su programa si lo desea. Ver video para demostración.

La programación se está volviendo más importante y es beneficioso tener cierta comprensión de cómo codificar. Esta instrucción servirá tanto para enseñar una comprensión básica del código como para enseñar la lógica necesaria para codificar. Nuestras instrucciones son diferentes de otras en Instructables.com porque no hay calculadora hecha en Visual Basic. Nuestros lectores objetivo serán cualquiera que quiera aprender a programar. Las instrucciones se configurarán para que alguien que nunca haya programado antes pueda completar el proyecto.

Nota IMPORTANTE:

  • Estas instrucciones asumen que ya tiene Visual Studio instalado y abierto.
  • Su interfaz de usuario (donde se colocan las barras de herramientas) se ve diferente de las instrucciones. Estas instrucciones no abordarán cómo realizar cambios en la interfaz de usuario. Hacer que su interfaz de usuario se vea como las imágenes proporcionadas no es necesario, pero será útil.
  • Si comete un error, es decir, hace doble clic en un objeto por accidente, vaya al último paso (Solución de problemas) para errores y soluciones comunes.

Paso 1: crear un nuevo proyecto en Visual Studio 2013

    Paso 1: abra Visual Studio

    Paso 2: Seleccione un nuevo proyecto

    Paso 3: Seleccione la aplicación de formulario de Windows

    Paso 4: nombra el proyecto SimpleCalculator

    Paso 5: establece la ubicación para guardar. Se recomienda el escritorio ya que es el más fácil de encontrar.

    Paso 6: haga clic en Aceptar

    Paso 7: si es necesario, haga clic en la pestaña de vista y luego seleccione la ventana de Toolbox, Property y Solutions Explorer

    Paso 2: Diseñe la interfaz gráfica de usuario (GUI)

    Consejo útil:

    • En el cuadro de herramientas de propiedades establecido en orden alfabético. Consulte la imagen de la Caja de herramientas, círculo verde.

    Paso 1: haga clic en cualquier lugar del formulario

    Paso 2: en la ventana de propiedades, debajo de la propiedad Texto, escriba Calculadora simple

    Paso 3: en la ventana de propiedades, debajo de la propiedad StartPosition, seleccione CenterScreen

    Paso 4: en la ventana de propiedades, en FormBorderStyle, seleccione Fixed3D

    Paso 5: haga clic y arrastre una etiqueta desde la Caja de herramientas al formulario

    Paso 6: Mientras se selecciona la etiqueta, en la ventana de propiedades, debajo de la propiedad Texto, escriba Calculadora simple. Nota: Dado que esta etiqueta es el texto principal que describe el texto, puede cambiar el tamaño y la negrita del texto debajo de la propiedad Fuente en la ventana de propiedades, pero no es necesario para este proyecto

    Paso 7: proceda a hacer esto para las siguientes etiquetas (5) y colóquelas en consecuencia. Nómbrelos: Operadores, Operación, Operando 1, Operando 2 y Resultado (Ver imagen) Nota: Los objetos se pueden arrastrar o hacer doble clic para colocarlos en la GUI

    Paso 8: haga clic y arrastre un botón desde la Caja de herramientas

    Paso 9: colóquelo debajo de la etiqueta "Operadores".

    Paso 10: Mientras el botón está seleccionado, en la ventana de propiedades, debajo de la propiedad Nombre, ingrese btnAdd

    Paso 11: Luego, debajo de la propiedad Texto, ingrese un signo +

    Paso 12: haga clic y arrastre un cuadro de texto desde el cuadro de herramientas junto a la etiqueta "Operando 1" (Ver imagen)

    Paso 13: Mientras se selecciona TextBox, en la ventana de propiedades, debajo de la propiedad Nombre, ingrese txtOperand1

    Paso 14: repita el paso 12 pero coloque el segundo cuadro de texto al lado de la etiqueta "Operand 2" (Ver imagen)

    Paso 15: repita el paso 13 pero llámelo txtOperand2

    Paso 16: haga clic y arrastre una etiqueta entre los dos cuadros de texto (Ver imagen)

    Paso 17: Mientras se selecciona la etiqueta, en la ventana de propiedades, debajo de la propiedad Nombre, ingrese lblOperator

    Paso 18: elimine la propiedad de texto de lblOperator para que quede en blanco

    Paso 19: En 9 la propiedad AutoSize, seleccione False. Nota: Esto le permite cambiar el tamaño de la etiqueta a su gusto.

    Paso 20: En la propiedad BorderStyle, seleccione Fixed3D

    Paso 21: haga clic y arrastre otra etiqueta junto a la etiqueta "Resultado"

    Paso 22: repita el paso 17, asígnele el nombre lblDisplay

    Paso 23: repita los pasos 18 y 19

    Paso 24: haga clic y arrastre un botón desde la Caja de herramientas debajo de la etiqueta "Resultado" (Ver imagen)

    Paso 25: Mientras el botón está seleccionado, en la ventana de propiedades, debajo de la propiedad Nombre, ingrese btnClear

    Paso 26: cambie la propiedad de texto para el botón Borrar a Borrar

    Paso 27: haga clic y arrastre un botón desde la Caja de herramientas al lado del botón Borrar (ver imagen)

    Paso 28: Mientras el botón está seleccionado, en la ventana de propiedades, debajo de la propiedad Nombre, ingrese btnExit

    Paso 29: cambie la propiedad de texto para el botón Borrar a Salir

    Paso 30: ingrese el siguiente código haciendo doble clic en cada botón para abrir la ventana de código:

    Paso 3: codificación del botón Agregar

    Objetivo: agregar a los números que el usuario ingresa en los cuadros de texto

    Explicación del código

    • Dim Variable As Double declara una variable como un tipo de datos específico
    • Cada vez que se presiona el botón Agregar, aparecerá un signo + en la etiqueta entre los dos cuadros de texto.
    • A la etiqueta Display se le está asignando la variable Resultado, que es Operand1 + Operand2.
    • El ".ToSting (" N ") es volver a convertir en cadena desde cuando lo convertimos a un número usando parse

    Paso 4: codificación del botón Borrar

    Objetivo: borrar todos los cuadros en la GUI y establecer el cursor en el cuadro de texto superior (Operando 1)

    Explicación del código:

    • La función Clear () borra un cuadro de texto. Esta función solo se puede usar en un cuadro de texto
    • Los cuadros de etiqueta deben borrarse estableciendo la propiedad .Text en nada
    • La función Focus () establece el cursor en el cuadro de texto

    Paso 5: codificación del botón Salir

    Objetivo: salir del programa.

    Paso 6: ejecutar el programa

    Haga clic en el botón verde de reproducción para ejecutar el programa (Consulte la imagen de arriba)

    Nota: Mientras el programa se está ejecutando, puede probar para ver si su programa funciona correctamente.

    Haga clic en el botón de salida o en la "X" roja en el programa cuando haya terminado.

    Paso 7: Observaciones finales

    En este proyecto, ha completado con éxito cómo hacer una calculadora simple en Visual Basic. Solo le pedimos que haga un botón de adición, pero siéntase libre de hacer otros operadores a su gusto. Siguen los mismos pasos que se mencionan anteriormente. Ahora puede usar esto como una calculadora para hacer cálculos sobre lo que desee. El propósito de este proyecto fue informar a los usuarios que no tienen experiencia en programación cómo hacer un programa simple. Si desea obtener más información sobre Visual Basic, hay mucha información en línea, así como clases que enseñan Visual Basic (CNIT 175 si es un estudiante de Purdue). Gracias por tomarse el tiempo para hacer este proyecto.

    Paso 8: solución de problemas

    • Cuando ingrese un código incorrecto, aparecerá una línea ondulada azul debajo de la (s) palabra (s). Esto es un error y el programa no se ejecutará. Si ve una línea azul debajo de un fragmento de su código, desplace el mouse sobre ella y le dará una explicación del error. Desde allí, puede investigar el error en línea para encontrar más información.
    • Si hace doble clic en un objeto, es decir, una etiqueta que no va a codificar, puede eliminar el código que acaba de crear o dejarlo allí.
    • Si tiene problemas como errores o si olvidó una palabra clave, consulte el sitio de ayuda de Visual Basic de Microsoft (//msdn.microsoft.com/en-us/library/2x7h1hfk.aspx)
    • Otra buena referencia para mirar es el libro de texto, Step into Programming with Visual Basic.Net, 4th Edition, de Guity Ravai e Ibrahim M. Baggili.
    • Si accidentalmente hace doble clic en una herramienta mientras la mueve de la caja de herramientas, Visual Studio lo llevará automáticamente a la pestaña de codificación y creará una sección para codificar el elemento en el que hizo doble clic. Se recomienda eliminar esta sección de código que se creó accidentalmente, ya que es un código basura que no hace nada. Para volver a la pestaña de diseño de formulario, simplemente haga clic en la pestaña Diseño de formulario

    Artículos Relacionados