Suma de Dos Nmeros en Java
Ing. Oswaldo Contreras Sierra
1. Vamos a Construir una calculadora sencilla que permita sumar dos
nmeros con la siguiente interfaz Grfica, para lo cual se sigue el
siguiente procedimiento:
Nombre de la variable:
Resultado
a) Al abrir NetBeans nos dirigimos a la opcin File (Archivo) y
seleccionamos del men New Proyect(Nuevo Proyecto).
b) Seleccionamos la Opcion Java a la Izquierda y luego la opcin Java
Application a la derecha y presionamos el botn Next(Siguiente):
c) Asignamos un nombre al proyecto, de acuerdo con nuestra situacin,
en nuestro caso deseamos sumar dos nmeros por lo tanto lo hemos
llamado sumanumeros y presionamos Finish(Finalizar):
d) Ahora agregamos la interfaz grfica 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 opcin New y luego la opcin jPanel Form:
f) Asignamos un Nombre a la Interfaz grfica en nuestro caso le
llamaremos Calculadora y presionamos el botn Finish (Finalizar):
g) construimos la interfaz grfica 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, tamao y color, presionamos clic derecho sobre el control
(jLabel o jButton) y seleccionamos la opcin propiedades. Tambin se
puede editar haciendo clic derecho sobre el control y seleccionado la
opcin Edit Text.
Despus de haber accedido a las propiedades de cada control se pueden
realizar los cambios respectivos:
Nombre de la Propiedad
font
foreground
text
toolTipTex
border
Funcin
Tipo de Fuente y de tamao
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 grfica despus de que se hallan
realizado los cambios necesarios :
2. Hemos culminado la interfaz grfica ahora pasaremos a construir el
cdigo algortmico que permite realizar los clculos u operaciones
que den el funcionamiento adecuado a la calculadora bsica. 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 opcin 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) Despus de haber definido las variables procedemos a insertar el
cdigo algoritmo de la calculadora bsica para lo cual se debe tener
presente que cuando la aplicacin se ejecute se debe saber que: Una
vez que se hallan digitado los nmeros se debe presionar clic en el
botn para mostrar el resultado, lo cual nos permite concluir que es
el botn quien tiene la accin. Para aplicar la accin al botn
hacemos clic derecho sobre ese control, seleccionamos la opcin
Event, luego Action y finalmente actionPerformed. Aunque tambin
se puede acceder haciendo doble clic sobre el botn.
b) Al realizar las acciones del paso anterior se debe situar el cursor en
esa parte del cdigo, 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 cdigo que se explica a continuacin
e) Una vez que se ha terminado el cdigo solo nos falta ejecutar la
aplicacin, pero antes debemos tener en cuenta que al pulsar sobre
el botn ejecutar no se muestra la aplicacin, tan solo se llama o se
ejecuta la clase principal, tal y como se muestra en la imagen:
Botn Ejecutar
Se muestra la
clase principal
al presionar el
botn 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 cdigo 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 grfica o el formulario
que hemos diseado
g) Finalmente ejecutamos nuevamente nuestro proyecto y listo, se
puede comprobar que al ingresar dos nmeros y presionar clic sobre
el botn sumar se Muestra el Resultado.
