Sigueme en Facebook Sigueme en Twitter Sigueme en Instagram Sigueme en Youtube
JC Mouse Bolivia
Index / Android / Sumar 2 numeros

Sumar 2 numeros

Autor jc mouse martes, julio 16, 2013

Una vez que terminamos el obligatorio 🙂 «Hola mundo«, podemos crear aplicaciones un tanto más elaboradas, pero para nada complicadas, solo para ir entendiendo poco a poco la forma de trabajo en android.

En este post, desarrollaremos una aplicación para sumar dos números enteros y mostrar su resultado en pantalla, utilizaremos las herramientas gráficas que nos brinda eclipse para crear el código de la aplicación evitando escribir directamente la gran parte del código java y XML. En futuros post y con la practica necesaria podremos crear aplicaciones escribiendo código puro si lo deseáramos.

Herramientas

– Eclipse Indigo con Android instalado y configurado.

– Conocer java obviamente 🙂

Nivel: Novato Android, Intermedio Java

1. Crea una aplicación android, si no recuerdas como date una vuelta por aquí.

nuevo proyecto

Activity: Blank Activity

Activity Name: MainActivity

Layout Name: activity_main

2. Eclipse crea los archivos del proyecto «Suma 2 numeros«, tenemos una etiqueta «Hello World!», selecciónala y presiona SUPRIMIR.

vista inicial

Debemos eliminar también el string, ve a RES/VALUES/strings.xml y ábrela con doble clic, entonces selecciona «hello_word (String)» y presiona REMOVE…, acepta (YES) para terminar su eliminación.

string delete

3. Vuelve a activity_main.xml, al diseñador, debemos crear la interfaz, para hacer esto, añadiremos 4 textView, 2 editText y 1 button, para añadir un objeto de la paleta, solo debes arrastrarla con clic sostenido hacia la vista previa, trata de que te quede como la imagen de abajo, no nos molestaremos mucho por el momento de que nuestra app sea atractiva, nos interesa más su funcionamiento interno.

gui android

Vemos que los objetos de nuestra interfaz, tiene pequeños iconitos de «advertencia»  de color amarillo, en la pestaña de PROBLEMS puedes ver en detalle cada una de esas advertencias. debemos corregirlas.

4. Selecciona el textView A, clic derecho -> Edit Text... presiona el botón New string… y coloca en

String: 1er Sumando

y en

New R.String: strA

presiona OK para crear el nuevo string y de nuevo OK para asignar ese string a nuestro textView A. Presiona «CTRL+S» para guardar los cambios.

new str

String es el valor de la cadena que se ve en pantalla, R.string es el identificador único de esa cadena

Realiza los mismos pasos para textView C, los valores son:

String: 2do Sumando

New R.string: strC

Para textView F:

String: RESULTADO

New R.string: strF

Finalmente para textView G:

String: 0

New R.string: strG

pero a textView G, debemos cambiar también su ID, para ello clic derecho -> Edit ID, colocamos «txtResultado» y presionamos OK.

renombrar id

Cuando cambiamos el ID de algún objeto, es porque queremos identificarlo dentro del código para poder usarlo más fácilmente a la hora de programar.

5. Para el único botón de la aplicación, cambiamos su ID por «btnSumar» y añadimos un texto, los valores son:

String: Sumar

New R.string: strSumar

6. Finalmente las configuraciones para los editText.

Para editText B y D, clic derecho -> Input type -> Number 

Cambiamos también los IDs para ambos editText por txtSumando1 y txtSumando2 respectivamente.

Hasta aquí debes tener algo como esto:

casi casi

Si tienes algún error, revisa todos los pasos :/ , sino ya puedes correr tu aplicación, no hace nada, le falta código 🙂 eso es lo que haremos a continuación.

finality

7. Abre el archivo MainActivity.java que se encuentra en la carpeta SRC, debes tener este codigo:

package com.tutorial.s2nu;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;

public class MainActivity extends Activity {

 //code here

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  //code here

 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

donde dice CODE HERE 🙂 lo agregue yo porque es ahí donde añadiremos código 🙂

Nuestra aplicación suma dos números enteros y muestra el resultado en pantalla, el archivo MainActivity.java queda de la siguiente forma:

package com.tutorial.s2nu;

import android.os.Bundle;
import android.app.Activity;
import android.view.Menu;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.EditText;
import android.widget.TextView;

public class MainActivity extends Activity {

 //object 
 EditText sumando1, sumando2;
    TextView sumatotal;
    Button boton;
    int suma_total = 0;

 @Override
 protected void onCreate(Bundle savedInstanceState) {
  super.onCreate(savedInstanceState);
  setContentView(R.layout.activity_main);

  //-->new code
  // se relaciona object
  this.sumando1 = (EditText) findViewById( R.id.txtSumando1 );
  this.sumando2 = (EditText) findViewById( R.id.txtSumando2 );
  this.sumatotal = (TextView) findViewById( R.id.txtResultado );
  //valor inicial
  this.sumando1.setText("0");
  this.sumando2.setText("0");
  this.sumatotal.setText("0");
  //se relaciona boton
  boton = (Button) findViewById( R.id.btnSumar );
  //event OnClick listener
  boton.setOnClickListener( new OnClickListener() 
  {
   @Override
            public void onClick(View v) 
   {
    //validacion
    if( sumando1.getText().length()>0 && sumando2.getText().length()>0 )
    {
     //se suman ambos numeros
     suma_total = Integer.valueOf( sumando1.getText().toString() ) + 
     Integer.valueOf( sumando2.getText().toString() ) ;
     //se muestra en pantalla
     sumatotal.setText( String.valueOf(suma_total) );     
    }
    else
    {   
     //ocurrio un error, no se muestra nada
     sumatotal.setText( "" );
    }    
   }
  });  
  //-->end new code

 }

 @Override
 public boolean onCreateOptionsMenu(Menu menu) {
  // Inflate the menu; this adds items to the action bar if it is present.
  getMenuInflater().inflate(R.menu.main, menu);
  return true;
 }

}

Te aconsejo que no realices un copy/paste sino que estudies el código nuevo que se añade 🙂 si sabes de java lo entenderas con facilidad.

Ejecuta y prueba la aplicación

boob

enjoy!!!

Tags

Si te ha gustado podrías compartirlo o dejar un comentario. ¡Muchas gracias!
Autor: JC Mouse

Yo soy yo :) JC Mouse, Soy orgullosamente boliviano soy fundador y CEO de la web jc-Mouse.net uno de las pocas web en emprendimiento y tecnología en Bolivia.

Toda la información que encuentres en este sitio es y sera completamente gratis siempre, puedes copiar, descargar y re-publicar si así lo deseas en otros blogs o sitios web, solo te pido a cambio que dejes una referencia a esta web. Esto nos ayuda a crecer y seguir aportando. Bye

Enjoy! :)

También Te Podría Interesar

Generar clases desde Esquemas XSD

Generar clases desde Esquemas XSD

XJC es una herramienta de linea de comandos del compilador de esquemas de JAXB que se puede utilizar para convertir un e...

Control de Paginación (Pagination) en tus Apps FX

Control de Paginación (Pagination) en tus Apps FX

El control de paginación de JavaFX (Pagination) se usa para navegar a través de varias paginas de contenido divididas en...

Conexion c# y MySQL con ADO.NET

Conexion c# y MySQL con ADO.NET

Uno de los mayores problemas que se presenta en el desarrollo de una aplicación, es el acceso a la base de datos y el mé...

Dibujando con Canvas

Dibujando con Canvas

La clase Canvas (Lienzo)  de Android es una superficie que nos permite pintar figuras, texto e imágenes utilizando para...

JCheckBox dentro JTable con Netbeans

JCheckBox dentro JTable con Netbeans

Para colocar un JCheckBox dentro una celda de un JTable debemos sobre escribir algunas clases para que el componente pue...

Creación y uso de parametros en Jaspersoft Studio

Creación y uso de parametros en Jaspersoft Studio

Hola 🙂 En este video tutorial veremos como crear y usar parámetros en reportes con JasperSoft Studio, la base de datos q...

1 comentario en “Sumar 2 numeros”

  1. M dice:

    Excelente tutorial. Gracias, por compartir; me servirá, para realizar las practicas de laboratorio que debo presentar, en la EISPDM.
    Personas como tú, son VERDADEROS Bolivianos, que dan todo lo mejor de si, por nuestra amada Patria. Eres un ejemplo a seguir.

    ¡Salve, Oh Patria!…¡¡¡SALVE!!!
    ¡Dios, Patria, Familia!

Los comentarios estan cerrados

Comparte lo que sabes

Categorias

Últimas entradas

Sourcetrail el explorador de código fuente de los lenguaje C, C ++, Java y Python se pasa al Software Libre y desde ahor...

Tapiti v1.2.0 es un Software Educativo Gratuito multiplataforma para los sistemas operativos Windows y Linux el cual no...

En este post vemos un ejemplo de como convertir un archivo de imagen JPG en un archivo PDF utilizando para ellos la libr...

El modelo Tweetbotornot es un algoritmo de aprendizaje automático que se entrenó en miles de cuentas reales de bot y no...

Herramientas

Generador de Enlaces a Whatsapp