En este Articulo realizaremos una Aplicacion en Java desde cero, se trata de un proyecto muy comun y recurrente en tareas escolares 😉 hablamos de Como Hacer una Calculadora en Java paso a paso sin ayuda de asistentes graficos que te generen la Interfaz. Si bien los Asistentes te ayudan mucho y te ahorran tiempo valioso que puedes invertir en otros aspectos de tu App en este Tutorial lo que queremos es aprender a programar y que mejor que hacerlo escribiendo el codigo limpio y puro que entendamos completamente ( en ocaciones los asistentes graficos te generan mucho codigo basura 😕 ). Asi que vamos ya al Tuto..
Comenzamos …
Recientemente un amigo me pidio ayuda para realizar este proyecto como una tarea en su Escuela y me vino a la cabeza como los mismos trabajos son pedidos una y otra vez 😀 asi es que esa es la razon que me motivo a realizar este mini tuto. Aclarar que estoy programando con Netbeans ( mas por costumbre 😀 ) pero no es para nada necesario, como te digo no haremos uso de ningun asistente grafico solo escribire el codigo ahi y compilare.. tu puedes usar otro IDE, el notepad o hasta el block de notas 😀 solo necesitarias un compilador.
La estructura base de este proyecto #calculadoraenjava es este ..
En el paquete jmr.blog.res tengo una imagen png que sera el icono de la calculadora y es de 20×20, el codigo de la clase Ventana es el siguiente:
Suscríbete a nuestra lista de correo y recíbe los últimos contenidos directamente en tu bandeja de correo electrónico, puedes elegir únicamente de que categoria del blog quieres recibir contenido.
Suscríbeme| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 | package jmr.blog; import javax.swing.ImageIcon; import javax.swing.JFrame; public class Ventana extends JFrame{ public Ventana(){ //TITULO setTitle("Calculadora JMR"); //TAMAÑO setSize(250,300); //DIMENSIONABLE O NO setResizable(false); //LOCACION setLocationRelativeTo(null); //SALIR AL CLICKEAR LA CRUZ setDefaultCloseOperation(EXIT_ON_CLOSE); //ICONO DE LA CALCULADORA setIconImage(new ImageIcon(getClass().getResource("/jmr/blog/res/favicon.png")).getImage()); //METODO PARA CREAR INTERFAZ Y AGREGAR EVENTOS A BOTONES init(); //HACEMOS VISIBLE LA APP setVisible(true); } private void init() { //INTERFAZ Y FUNCIONALIDAD } public static void main(String args[]){ //CREAMOS UN NUEVO OBJETO VENTANA new Ventana(); } } |
que al ejecutar tendremos simplemente un cascaron de la calculadora 😀
Ahora si manos a la obra..
El Diseño, Paneles y Layouts
Necesitamos ahora declarar 3 variables.
| 1 2 3 4 5 | JPanel panel_principal; JPanel panel_botones; JTextField caja; |
El panel Principal con un layout ( borderLayout ) en el que puedes agregar elementos al norte sur este u oeste que contendra al norte una caja de Texto ( JTextField ) y al centro un panel con los botones de la calculadora ( JPanel ).
Ahora el metodo init lucira asi
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 | private void init() { //INTERFAZ Y FUNCIONALIDAD //CREAMOS PANEL PRINCIPAL CON LAYOUT BORDERLAYOUT panel_principal = new JPanel(); panel_principal.setLayout(new BorderLayout()); //EN EL NORTE IRA LA CAJA DE TEXTO caja = new JTextField(); panel_principal.add("North",caja); //EN EL CENTRO IRA EL PANEL DE BOTONES panel_botones = new JPanel(); //El GRIDLAYOUT RECIBE COMO PARAMETROS: //FILAS,COLUMNAS ESPACIADO ENTRE FILAS, //ESPACIADO ENTRE COLUMNAS panel_botones.setLayout(new GridLayout(5,4,8,8)); //agregarBotones(); panel_principal.add("Center",panel_botones); //AGREGAMOS TODO EL CONTENIDO QUE ACABAMOS DE HACER EN //PANEL_PRINCIPAL A EL PANEL DEL FORMULARIO getContentPane().add(panel_principal); } |
Como puedes ver todo esta comentado para que no te pierdas con su funcion, si te fijas tambien, el metodo agregarBotones esta comentado ( // ), esto es porque en este metodo agregaremos mas adelante los botones de la interfaz de nuestra calculadora, si ejecutamos lucira asi:
Ahora vamos a agregar codigo al metodo agregarBotones() 😀
Agregando los Botones y sus Respectivos Eventos
Simplemente escribimos el codigo para agregar botones en el metodo agregarBotones() ( recuerda descomentarlo 😀 ), pero antes declaramos algunas variables nuevas:
| 1 2 3 4 5 6 | JButton boton[]; double op1=0,op2=0; String operacion=""; boolean nueva=true; |
Un arreglos de botones, dos variables double para almacenar los valores de cada operacion de suma, resta, multiplicacion o division, una cadena de texto para almacenar el tipo de operacion que estamos realizando y una variable llamada “nueva” que indicara cuando se inicie una nueva operacion y asi borrar pantalla.
El codigo del metodo agregarBotones ( no te asustes si es un poco largo 😀 es bastante repetitivo ) es el siguiente:
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172 173 174 175 176 177 178 179 180 181 182 183 184 185 186 187 188 189 190 191 192 193 194 195 196 197 198 199 200 201 202 203 | private void agregarBotones() { //INICIALIZAMOS EL ARREGLO DE BOTONES boton = new JButton[20]; //INICIALIZAMOS LOS BOTONES boton[0]=new JButton("CE"); boton[1]=new JButton(""); boton[2]=new JButton(""); boton[3]=new JButton(""); boton[4]=new JButton("7"); boton[5]=new JButton("8"); boton[6]=new JButton("9"); boton[7]=new JButton("/"); boton[8]=new JButton("4"); boton[9]=new JButton("5"); boton[10]=new JButton("6"); boton[11]=new JButton("*"); boton[12]=new JButton("1"); boton[13]=new JButton("2"); boton[14]=new JButton("3"); boton[15]=new JButton("-"); boton[16]=new JButton("0"); boton[17]=new JButton("."); boton[18]=new JButton("="); boton[19]=new JButton("+"); //AGREAMOS LOS BOTONES AL PANEL BOTONES for(int i=0;i<20;i++){ panel_botones.add(boton[i]); } //EVENTOS DE LOS BOTONES //OPERACIONES boton[19].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ try{ if(op1!=0) op1=op1+Double.parseDouble(caja.getText()); else op1=Double.parseDouble(caja.getText()); operacion="suma"; caja.setText(""); }catch(Exception err){} } }); boton[15].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ try{ if(op1!=0) op1=op1-Double.parseDouble(caja.getText()); else op1=Double.parseDouble(caja.getText()); operacion="resta"; caja.setText(""); }catch(Exception err){} } }); boton[11].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ try{ if(op1!=0) op1=op1*Double.parseDouble(caja.getText()); else op1=Double.parseDouble(caja.getText()); operacion="multiplicacion"; caja.setText(""); }catch(Exception err){} } }); boton[7].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ try{ if(op1!=0) op1=op1/Double.parseDouble(caja.getText()); else op1=Double.parseDouble(caja.getText()); operacion="division"; caja.setText(""); }catch(Exception err){} } }); //NUMEROS Y PUNTO DECIMAL boton[4].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"7"); } }); boton[5].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"8"); } }); boton[6].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"9"); } }); boton[8].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"4"); } }); boton[9].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"5"); } }); boton[10].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"6"); } }); boton[12].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"1"); } }); boton[13].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"2"); } }); boton[14].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"3"); } }); boton[16].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"0"); } }); boton[17].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ if(nueva){caja.setText("");nueva=false;} caja.setText(caja.getText()+"."); } }); //IGUAL boton[18].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ try{ op2=Double.parseDouble(caja.getText()); }catch(Exception err){} if(operacion.equals("suma")){ double res=op1+op2; caja.setText(String.valueOf(res)); op1=op2=0; operacion=""; }else if(operacion.equals("resta")){ double res=op1-op2; caja.setText(String.valueOf(res)); op1=op2=0; operacion=""; }else if(operacion.equals("multiplicacion")){ double res=op1*op2; caja.setText(String.valueOf(res)); op1=op2=0; operacion=""; }else if(operacion.equals("division")){ double res=op1/op2; caja.setText(String.valueOf(res)); op1=op2=0; operacion=""; } nueva=true; } }); //CE boton[0].addActionListener(new ActionListener(){ @Override public void actionPerformed(ActionEvent evt){ caja.setText(""); op1=op2=0; operacion=""; } }); } |
y al ejecutar ya tenemos nuestra calculadora armada y funcionando 😉
disculpa me podrian ayudar como hacer una clase principal para una calculadora
}); esa sintaxis me da error quien me puede ayudar hay
Hola Jonathan, me ha servido mucho tu código, estaba un poco frustrado con el igual, encontré tu pagina y pude comprender mejor el funcionamiento de dicho botón, por cierto me llamo mucho la atención el uso del try, nunca lo he usado, investigare sobre el, se ve muy útil. Saludos y gracias por esta gran ayuda.
Hola Diego,
Me alegra que te sirviera, de hecho estoy haciendo programando un articulo sobre el try catch espero pronto poder publicarlo.
Un saludo!
Muy buen aporte mi querido amigo, ayudas en gran manera para aquel que no sabe mucho, o esta comenzando adentrarse a este universo de la programación.
Quiero aprender a programar en Java
Me da gusto! ¿En que te puedo ayudar?
Disculpa soy principiante quisiera aprender a programar en Java tengo conocimientos En Visual Basic 2012 y quiero aprender algo diferente.
Te recomiendo el libro como aprender a programar en java de deitel, bastante bueno!
Oye no se pintan los botones y ya agrege el agregarBotones();
a mi tampoco , solo me sale la caja de texto , aiudaaaaaa!!!
A mi tampoco me salen los botones solo la caja de texto porfavor una ayuda gracias
LA SOLUCIÓN AL ERROR EN EL FOR ES la siguiente
//AGREGAMOS LOS BOTONES AL PANEL DE BOTONES
for(int i=0;i>20;i++){
panel_botones.add(boton[i]);
}
Hola, disculpa, no entiendo esta parte for(int i=0;i<20;i++) no sé si me podrías ayudar 🙁 por favor
El ciclo for consta de tres partes separados por punto y coma
1.- i que se declara como integer (int) se le da valor de 0
2.-i>20 esto quiere decir el numero de veces que repetirá el ciclo (en este caso los botones que agregaste tu arreglo comenzó en 0 y termina en 19)
3.-1++ indica que a cada vuelta que haga se incrementa i,
en la segunda vuelta i=1,
en la tercera vuelta i=2, ….. en la vuelta 19, i =20 terminando así el ciclo
Hola como estas disculpa necesito que me expliques algo veras en la parte de lo q haces calculo de suma, resta y eso me visualiza los signos pero no hace ningun caculo en si …. como podria lograr q me realice los calculos
Hola, disculpa, no entiendo esta parte for(int i=0;i<20;i++) no sé si me podrías ayudar 🙁 por favor
una pregunta porque cuando quiero realizar la operacion
14+3 el programa borra el signo y lo anterior , cuando oprimo = aparece el resultado pero porque sucede esto
Muchas gracias por este valioso aporte me sirvio muuuuuuuuuuuuuuuuchisimo jhonatan
alguien pudo resolver este error: for(int i=0;i<20;i++){
???
ayuda porfavor JONATHAN !!
Si me podrían desir hoy….xfavor…!!!
Oye….y para borrar….digito x digito…en una calculadora… K codigo es????
Necesito ayuda en la parte del ford porfavor
mi correo: aaronsish@hotmail.com
hola, amigo es muy bueno lo q explicas ,pero si le quiero añadir la
opcion de porcentaje y raiz cuadrada como?
Hola
podrias explicar q es for(int i=0;i<20;i++) es q me marca error enesa parte
Gracias
me prodias explicar esta parte :
for(int i=0;i<20;i++)
Excelente trabajo amigo me ayudaste a entender muchas cosas con un claro ejemplo te agradezco la ayuda (Y).
Gracias a ti Eduardo.
Saludos!
oye amigo, puedes decirme por que este for: for(int i=0;i<20;i++) contiene esta instruccion i< pasa que me marca un error, si puedes mandarme el codigo desde netbeans a mi correo me sera de mucha ayuda acdlion07@hotmail.com Gracias
miky encontraste solucion para el error: for(int i=0;i<20;i++){
necesito una aayudiita ahi
muchas gracias excelente trabajo me ha servido de maravilla y claro hay que explorar tu pagina esta muy interesante
Hola alejandro,
Muchas gracias por tu visita, espero que te puedas quedar en este blog.
Saludos!
ma parecio muy chevere (y)
Hola Esneider,
Muchas gracias, esperemos sigas por este blog de vez en cuando.
Saludos!