Aprenda a crear una aplicación de calculadora básica y comience su viaje de programación con Windows Forms.
Al aprender a codificar, puede ser útil ganar experiencia al volver a crear aplicaciones que ya existen. Una aplicación común para principiantes con la que puede comenzar es una calculadora.
Puede crear una aplicación de calculadora de escritorio con un proyecto de Windows Forms en Visual Studio. En una aplicación de Windows Forms, puede hacer clic y arrastrar elementos de la interfaz de usuario a un lienzo para visualizar el diseño de su calculadora.
A continuación, puede agregar lógica de código a los archivos de C# subyacentes para determinar qué debe suceder cuando el usuario hace clic en un botón de número, operador, borrado o igual.
Cómo agregar elementos de la interfaz de usuario a la calculadora
Inicia por crear una nueva aplicación de formulario de Windows en Visual Studio. Luego, agregue elementos de la interfaz de usuario al lienzo para crear la interfaz de usuario de la calculadora.
Cómo agregar los botones numéricos y de operador
Agregue botones para representar los números y operadores (+, -, etc.) en los que el usuario hará clic.
- Navegue hasta el lienzo, que debería estar abierto de forma predeterminada. Si no es así, haga clic en el .cs archivo para el formulario (por ej. Formulario1.cs). Haga clic en el menú desplegable y cambie al modo de diseño.
- En la caja de herramientas, busque un Botón elemento de la interfaz de usuario. Haga clic y arrastre un botón al lienzo.
- Resalta el botón. En la ventana de propiedades, cambie cada una de las siguientes propiedades del botón a su nuevo valor correspondiente:
Propiedad Nuevo valor Nombre botón 1 Tamaño 120, 120 Texto 1 - Agregue 19 botones más al lienzo para representar los otros números, operadores y funciones de la calculadora.
- Para cada botón, resalte el botón y cambie la propiedad de texto y nombre en la ventana de propiedades. Cambie los valores para que coincidan con el número o la función del botón.
Botón Propiedad de nombre Propiedad de texto 2 boton2 2 3 boton3 3 4 boton4 4 5 boton5 5 6 boton6 6 7 boton7 7 8 boton8 8 9 boton9 9 0 boton0 0 Suma botónAdición + Sustracción botónRestar - Multiplicación botónMultiplicación X División botónDivisión ÷ Punto decimal botónDecimal . Signo de igual botónIgual = Soporte derecho botónDerechoSoporte ) Soporte izquierdo botónIzquierdaSoporte ( Claro botónBorrar C Borrar entrada botónBorrarEntrada CE - Reorganice el orden de los botones para replicar el aspecto de una calculadora estándar. Mantenga todos los botones del mismo tamaño.
- También puede resaltar algunos botones y cambiar su color a uno de su elección, usando el BackColor propiedad en la ventana de propiedades.
- Por ejemplo, resalte la botón de adición. Vaya a la ventana de propiedades y busque el BackColor propiedad. Elegir Plata de la lista de opciones en el desplegable. Puedes hacer botones de operador plata, y los botones C y CE naranja.
Cómo agregar la etiqueta de resultado de salida
Agregue un elemento de interfaz de usuario de cuadro de texto para representar el resultado que la calculadora mostrará al usuario.
- En la caja de herramientas, arrastre un Elemento de interfaz de usuario del panel sobre el lienzo.
- Resalte el panel y busque el BackColor propiedad en la ventana de propiedades. cambiar esto a blanco. También puede cambiar el tamaño y la posición del panel para que se parezca más a una calculadora.
- En la caja de herramientas, arrastre un Elemento de interfaz de usuario de cuadro de texto sobre el lienzo.
- Resalte el cuadro de texto. En la ventana de propiedades, cambie las siguientes propiedades al nuevo valor:
Propiedad Nuevo valor nombre salida de cuadro de texto Estilo de borde Ninguna Texto 0 Texto alineado Derecha Activado Falso BackColor Blanco - Coloque el cuadro de texto dentro del panel.
Cómo agregar la lógica de cálculo
Agregue código para ejecutar la lógica de cálculo cuando el usuario haga clic en los botones.
- Abre tu .cs archivo para el formulario (por ejemplo, Formulario1.cs).
- Declarar una variable llamada cálculo actual, en la parte superior de la clase. Puedes aprender a crear clases en C# si no está familiarizado con ellos.
publico parcial claseFormulario 1 : Forma
{
cadena privada cálculo actual = "";público Formulario 1()
{
InicializarComponente();
}
} - Debajo del constructor, cree una nueva función llamada botón_Click(). Esto se ejecutará cada vez que el usuario haga clic en un botón numérico (0-9) u operador (+, -, X, ÷, etc.).
privadovacíobotón_Click(remitente del objeto, EventArgs e)
{} - Uno de los argumentos pasados al botón_Click() La función es el objeto del botón en el que el usuario hace clic. Agregue la propiedad de texto del objeto de botón al cálculo de la cadena. A medida que el usuario hace clic en los botones, se creará una cadena para el cálculo, como "22+5-7".
privadovacíobotón_Click(remitente del objeto, EventArgs e)
{
// Esto agrega el número u operador al cálculo de la cadena
cálculo actual += (remitente como Botón de texto;// Mostrar el cálculo actual al usuario
salida de cuadro de texto. Texto = cálculo actual;
} - Vuelve al lienzo. Resalte cada botón (excepto los botones C, CE e igual) y navegue hasta el Ventana de eventos. Encuentra el Hacer clic evento y seleccione el botón_Click() función. Esto activará la función para que se ejecute cuando haga clic en el botón.
Cómo calcular el resultado y mostrárselo al usuario
Cree otra función para calcular el resultado final cuando el usuario haga clic en el botón igual.
- Crear una nueva función llamada button_Equals_Click(). Primero, deberá formatear la cadena para reemplazar la X y ÷ personajes con * y /. Luego, usa el Calcular() Función para calcular el resultado. Muestre el resultado al usuario.
privadovacíobutton_Equals_Click(remitente del objeto, EventArgs e)
{
cadena formattedCalculation = currentCalculation. ToString().Reemplazar("X", "*").ToString().Reemplazar("÷", "/");probar
{
salida de cuadro de texto. Texto = nuevo DataTable(). Compute (cálculo formateado, nulo).Encadenar();
cálculoActual = TextBoxOutput. Texto;
}
captura (Excepción ex)
{
salida de cuadro de texto. Texto = "0";
calculo actual = "";
}
} - Asegúrese de incluir el bloque try-catch alrededor del Calcular() función para capturar cualquier entrada no válida, como "123++7". En este caso, si el usuario ingresa un cálculo no válido, el resultado siempre devolverá 0.
- los Calcular() La función es parte de la Sistema. Datos espacio de nombres Agregue la declaración de uso para incluirla en la parte superior de la clase, si aún no está allí.
usandoSistema.Datos; - Vuelve al lienzo. Resalte el botón de igual y navegue hasta el Ventana de eventos. Encuentra el Hacer clic evento y seleccione el button_Equals_Click() función. Esto activará la función para que se ejecute cuando haga clic en el botón igual.
Cómo borrar la calculadora
Agregue la funcionalidad para los botones C (Borrar) y CE (Borrar entrada). los Claro El botón borrará completamente el cálculo actual. los Borrar entrada El botón solo borrará el último número u operador ingresado.
- Crea otra función llamada button_Clear_Click(). Esto se ejecutará cuando el usuario haga clic en el Claro botón de la calculadora. Dentro de la función, restablezca el cálculo y el valor dentro del cuadro de texto de resultados.
privadovacíobutton_Clear_Click(remitente del objeto, EventArgs e)
{
// Restablecer el cálculo y vaciar el cuadro de texto
salida de cuadro de texto. Texto = "0";
calculo actual = "";
} - En el lienzo, resalte el Claro y navegue hasta el Ventana de eventos.
- Encuentra el Hacer clic evento. Cambia el valor a button_Clear_Click.
- Crea otra función llamada botón_BorrarEntrada_Click(). Esto se ejecutará cuando el usuario haga clic en el Borrar entrada botón de la calculadora. Dentro de la función, elimine el último carácter de la cadena de cálculo actual.
privadovacíobutton_ClearEntry_Click(remitente del objeto, EventArgs e)
{
// Si el cálculo no está vacío, elimina el último número/operador ingresado
if (calculoactual. Longitud > 0)
{
cálculoActual = cálculoActual. Quitar (currentCalculation. Longitud - 1, 1);
}// Volver a mostrar el cálculo en la pantalla
salida de cuadro de texto. Texto = cálculo actual;
} - En el lienzo, resalte el Borrar entrada y navegue hasta el Ventana de eventos.
- Encuentra el Hacer clic evento. Cambia el valor a button_ClearEntry_Click.
Cómo ejecutar la aplicación de calculadora
Puede ejecutar la calculadora en Visual Studio para probar su funcionalidad.
- Haga clic en el botón verde de reproducción en la parte superior de la aplicación Visual Studio.
- Haga clic en los botones de la calculadora. El cálculo se mostrará en el espacio en blanco en la parte superior de la calculadora. Presionando el es igual el botón lo reemplazará con la respuesta. los Claro y Borrar entrada Los botones también borrarán el cálculo o la entrada.
Creación de aplicaciones de escritorio mediante Windows Forms
Puede crear una aplicación de calculadora de escritorio con un proyecto de Windows Forms en Visual Studio. Use el lienzo y la caja de herramientas para arrastrar y soltar elementos de la interfaz de usuario para crear el diseño de la calculadora. Agregue la lógica y la funcionalidad de su código en el código C# detrás de los archivos.
Una calculadora es solo una de las muchas aplicaciones simples para principiantes que puede crear mientras aprende a codificar. Otras aplicaciones para principiantes que puede crear incluyen convertidores, administradores de archivos, juegos de dados o generadores de banderas. Puede crearlos desde cero utilizando una aplicación de Windows Forms.