Calculadora Básica con Java en Android Studio.
A continuación se muestra como realizar una calcualdora básica con java en android studio. Junto con sus imagenes de tutorial y código al final.
En primero abrimos Android Studio.
Seleccionamos Nuevo Proyecto o New Project en mi caso
Escojemos un Empty Activity o actividad vacía para empezar a hacer la calculadora.
Dejamos las configuraciones por defecto.
Dejamos cargar el programa.
Una vez cargado.
Procedemos a ir al Activity Main, donde visualmente podremos añadir los elementos de nuestra calculadora.
Procedemos a borrar el Hello Word que la aplicación nos pode por defecto.
Eliminado
Depués seleccionaremos en el menú izquierdo Palette, los elementos Text.
Buscaremos el elemento Number.
Serán los elementos que vamos arrastrar dentro de nuestra pantalla blanca.
Seguido de ello colocaremos otro más abajo.
Nos posicionaremos en la sección de Buttons.
Arrastraremos 4 botones para nuestra operaciones básicas, suma, resta, multiplicación y división.
Aquí ya tenemos los cuatro botones.
Ahora procedemos a ir a la pantalla Blueprint donde podremos acomodar mejor nuestros elementos.
Cuando demos clic en un elemento podremos ver que en sus bordes aparecen 2 circulos.
Cuando el puntero este encima de el se rellena de color blanco, de ahí lo uniremos al borde superior
De la misma manera, uniremos el lado izquierdo de nuestro elemento con el lado izquierdo de la pantalla.
Ahora en la parte derecha de la pantalla podremos ver el Constraint Widget donde podremos colocar una separacion entre el objeto y el borde de la pantalla.
Aquí dimos una separación de 80 en la parte superior del elemento.
Y en la parte izquierda una de 30
Lo mismo empezamos a hacer con los otros elementos.
En caso que el elemento nos pida en que parte enlazar el objeto, la opción de Botton que es la parte inferior.
En caso de que elemento boton pida en que parte enlazarlo, selencionaremos la opción de end, donde termina el elemento.
En el caso de los botones iran enlazados su parte izquierda con la del elemento anterior.
Todos los Botones fueron enlazados a la parte inferior del último elemento Number y se les dio la misma separación.
Se me olvidaba el texto donde se mostrará el resultado, nos situamos en la seccion de elementos Text.
Buscamos TextView.
Lo arrastramos a la pantalla.
Lo acomodamos.
Por el momento esta listo nuestra interface gráfica.
Ahora nos situaremos en el archivo strings.xml donde irán todas las palabras que contendrán nuestro elementos. En le captura se puede ver cual es la dirección de este archivo.
Y aquí de la misma nera que esta en el primer ejemplo pondremos los strings que ocuparemos, en el atributo name="", sera como lo llamaremos para mostrar el elemento.
Después nos volveremos a situar en la pantalla Activity_main.xml.
En el menú derecho en la parte de Id, cambiaremos el nombre del elemento. Aceptamos la ventana emergente y se habrá cabiado el Id del eleento.
Ahora buscamos el atributo hint.
Con la combinación de teclas Ctrl + Espacio, nos sugerira las cadenas de texto que antes hemos escrito, y seleccionaremos el el correspondiente de cada elemento, priemr numero y segundo numero.
Para los botones solo cambiaremos el texto de igual manera en el atributo text, la combinación Ctrl + Espacio y nos mostrará las sugerencias.
Si por error se te desaparece un atributo, podrás buscar en la parte inferior del menú, esta ordenado alfabeticamente.
En el TextView solo haremos el tamaño mas grande.
Para arreglar los errores que salen en la sección de componente Tree daremos clic en la advertencia, seguido oprimiremos Fix.
Depués nos situaremos en la pestaña MainActitivty.java donde haremos el código para que nuestra aplicación funcione.
Declararemos las varibales de nuestros elementos.
Segundo haremos los enlaces de comunicación, una disculpa la primara parte no iba.
Haremos la funcion para que nuestro boton funcione.
En caso de mostrarnos error, situaremos el cursor sobre la palabra View, donde usaremos la combinación de teclas que ahí nos muestra para añadir la biblioteca.
De ahí recuperaremos los datos necesarios en variables tipo String, luego procederemos a convertir los valores a numeros enteros y seguido de ello, ejecutaremos la acción del boton. Y por último mostramos el resultado en el TextView.
Copiamos y pegamos la función para cada botón realizando los cambios necesarios en el código.
En el caso de la división creamos una condición para evitar que el usuario divida entre 0, ya que estas operaciones generan un valor indefinido, por lo cuál cada que trate de dividir entre 0 enviara al TextView el mensaje que no se puede dividir entre 0.
Por último irémos a Activity_main.xml la parte grafica de nuestra calculadora, cada que seleccionemos un boton, buscaremos el atributo, onClick en la parte izquieda.
Al darle clic desplegara las funcione sque hemos creado y seleccionaremos la indicada para cada boton que hemos creado.
Conectamos un dispocitivo para correr nuestra calculadora.
Una vez conectado nos mostrará el dispositivo, y damos clic en el triángulo verde a la derecha.
Dejamos que se instale la aplicación y cuando se halla instalado se visualizará en el dispositivo.
Así se visualiza nuestra aplicación en el celular.
Ingresamos los números y probamos con todas las operaciones.
Por el momento muestra cero por qué nuestros valores están dados en enteros.
No se puede imprimir entre 0.
Así estará terminad anuestra calculadora básica.
A continuación códigos.
Strings.xml
<resources>
<string name="app_name">CalculadoraBasica</string>
<string name="txt_primer_numero">Primer Número</string>
<string name="txt_numero_dos">Segundo Número</string>
<string name="txt_resultado">Resultado</string>
<string name="boton_suma">+</string>
<string name="boton_resta">-</string>
<string name="boton_multiplicar">*</string>
<string name="boton_dividir">/</string>
</resources>
MainActivity.java
package com.anzal.calculadorabasica;
import androidx.appcompat.app.AppCompatActivity;
import android.os.Bundle;
import android.view.View;
import android.widget.EditText;
import android.widget.TextView;
public class MainActivity extends AppCompatActivity {
//Lineas para crear los objetos que se usaran
private TextView resultado;
private EditText num_1, num_2;
@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//Creamos la comunicacion entre los elementos y la ventana
resultado = (TextView)findViewById(R.id.tv_resultado);
num_1 = (EditText)findViewById(R.id.txt_numero_1);
num_2 = (EditText)findViewById(R.id.txt_numero_2);
}
//Creamos la funcion para el boton +
public void Suma(View view){
//Creamos las variables para recibir el numero en texto
String numero_1 = num_1.getText().toString();
String numero_2 = num_2.getText().toString();
//Creamos las variables para convertir los numeros en enteros y hacemos la conversion
int num1 = Integer.parseInt(numero_1);
int num2 = Integer.parseInt(numero_2);
//Declaramos y hacemos la suma
int suma = num1 + num2;
//Convertimos suma a String y lo guardamos en resultado
String r = String.valueOf(suma);
//Enviamos el resultado a la pantalla
resultado.setText(r);
}
//Creamos la funcion para el boton -
public void Resta(View view){
//Creamos las variables para recibir el numero en texto
String numero_1 = num_1.getText().toString();
String numero_2 = num_2.getText().toString();
//Creamos las variables para convertir los numeros en enteros y hacemos la conversion
int num1 = Integer.parseInt(numero_1);
int num2 = Integer.parseInt(numero_2);
//Declaramos y hacemos la resta
int resta = num1 - num2;
//Convertimos suma a String y lo guardamos en resultado
String r = String.valueOf(resta);
//Enviamos el resultado a la pantalla
resultado.setText(r);
}
//Creamos la funcion para el boton *
public void Multiplicar(View view){
//Creamos las variables para recibir el numero en texto
String numero_1 = num_1.getText().toString();
String numero_2 = num_2.getText().toString();
//Creamos las variables para convertir los numeros en enteros y hacemos la conversion
int num1 = Integer.parseInt(numero_1);
int num2 = Integer.parseInt(numero_2);
//Declaramos y hacemos la multiplicacion
int multiplicacion = num1 * num2;
//Convertimos suma a String y lo guardamos en resultado
String r = String.valueOf(multiplicacion);
//Enviamos el resultado a la pantalla
resultado.setText(r);
}
//Creamos la funcion para el boton /
public void Dividir(View view){
//Creamos las variables para recibir el numero en texto
String numero_1 = num_1.getText().toString();
String numero_2 = num_2.getText().toString();
//Creamos las variables para convertir los numeros en enteros y hacemos la conversion
int num1 = Integer.parseInt(numero_1);
int num2 = Integer.parseInt(numero_2);
//HAcemos un condicional para evitar que se divida entre 0
//Si es mayor que 0 se hara el proceso de division
if(num2 > 0){
//Declaramos y hacemos la division
int division = num1 / num2;
//Convertimos suma a String y lo guardamos en resultado
String r = String.valueOf(division);
//Enviamos el resultado a la pantalla
resultado.setText(r);
}else{
//De lo contrario imprimira que no se puede realizar la division entre 0
String n = ("No se puede dividir entre 0");
resultado.setText(n);
}
}
}
Enlace del proyecto
Comentarios
Publicar un comentario