Programacion en Java - Suma de Dos Numeros

Suma de Dos Números en Java Ing. Oswaldo Contreras Sierra

1. Vamos a Construir una calculadora sencilla que permita sumar dos números con la siguiente interfaz Gráfica, para lo cual se sigue el siguiente procedimiento: procedimiento:

Nombre de la variable:

Resultado

a) Al abrir NetBeans nos dirigimos a la opción File (Archivo) y seleccionamos del menú New Proyect(Nuevo Proyect(Nuevo Proyecto).

b) Seleccionamos la Opcion Java a la Izquierda y luego la opción Java Application a la derecha y presionamos el botón Next(Siguiente):

c) Asignamos un nombre al proyecto, de acuerdo con nuestra situación, en nuestro caso deseamos sumar dos números por lo tanto lo hemos llamado sumanumeros y presionamos Finish(Finalizar):

d) Ahora agregamos la interfaz gráfica al proyecto creado desde el navegador de proyecto y ubicando el paquete con el mismo nombre del proyecto, tal y como se muestra en la imagen siguiente:

e) Hacemos clic derecho sobre el nombre del paquete y seleccionamos la opción New y luego la opción jPanel Form:

f) Asignamos un Nombre a la Interfaz gráfica en nuestro caso le llamaremos Calculadora y presionamos el botón Finish (Finalizar) :

g) construimos la interfaz gráfica con las herramientas que seleccionaremos desde los controles situados a la derecha en el menú Swing Controls:

h) para construir la interfaz se debe arrastrar cada control hasta el  jpanel; para nuestro caso se agregaran 4 Label, 2 Text Field y 1 Button:

i) Para editar los controles y realizar los cambios tales como tipo de fuente, tamaño y color, presionamos clic derecho sobre el control (jLabel o jButton) y seleccionamos la opción propiedades. También se puede editar haciendo clic derecho sobre el control y seleccionado la opción Edit Text.

Después de haber accedido a las propiedades de cada control se pueden realizar los cambios respectivos: Nombre de la Propiedad font foreground text toolTipTex border

Función Tipo de Fuente y de tamaño Cambiar el color Modifica el nombre de la etiqueta Muestra texto al pasar el mouse por encima Aplica estilos de bordes al control

Para aplicar cambios sobre las propiedades haga clic en los botones que presenta cada una de ellas

 j) Veamos con queda la interfaz gráfica después de que se hallan realizado los cambios necesarios :

2. Hemos culminado la interfaz gráfica ahora pasaremos a construir el código algorítmico que permite realizar los cálculos u operaciones que den el funcionamiento adecuado a la calculadora básica. Para ello vamos a necesitar cambiar el nombre de las variables de algunos controles; para realizar dichos cambios se debe pulsar un clic derecho sobre el control y seleccionar la opción Change Variable Name(Cambiar el nombre de la variable).  jTextField1

 jLabel4

En la siguiente tabla se presenta una lista de los nombres de las variables que hemos asignado a los controles de acuerdo con nuestro ejercicio:

Control  jTextField1  jTextField2  jLabel4

Nombre de la variable N1 N2 Resultado

a) Después de haber definido las variables procedemos a insertar el código algoritmo de la calculadora básica para lo cual se debe tener presente que cuando la aplicación se ejecute se debe saber que: Una vez que se hallan digitado los números se debe presionar clic en el botón para mostrar el resultado, lo cual nos permite concluir que es el botón quien tiene la acción. Para aplicar la acción al botón hacemos clic derecho sobre ese control, seleccionamos la opción Event, luego Action  y finalmente actionPerformed. Aunque también se puede acceder haciendo doble clic sobre el botón.

b) Al realizar las acciones del paso anterior se debe situar el cursor en esa parte del código, tal y como se muestra en la siguiente imagen:

c) Los comentarios que se puede identificar por llevar antepuestas barra diagonales o Eslas, pueden ser eliminados:

d) Insertamos el código que se explica a continuación

e) Una vez que se ha terminado el código solo nos falta ejecutar la aplicación, pero antes debemos tener en cuenta que al pulsar sobre el botón ejecutar no se muestra la aplicación, tan solo se llama o se ejecuta la clase principal, tal y como se muestra en la imagen: Botón Ejecutar

Se muestra la clase principal al presionar el botón Ejecutar

f) Para configurar Netbeans y hacer que se ejecute la calculadora que hemos venido desarrollando nos dirigimos a la clase principal del proyecto dando un doble clic y en ella se incluye el código que se muestra en la imagen:

Esta es la Interfaz Grafica Esta es la Clase Principal

Notemos que se asigna a la variable c es exactamente igual al nombre que tiene la interfaz gráfica o el formulario que hemos diseñado

g) Finalmente ejecutamos nuevamente nuestro proyecto y listo, se puede comprobar que al ingresar dos números y presionar clic sobre el botón sumar se Muestra el Resultado.