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

Crear archivos JNLP con Netbeans

Crear archivos JNLP con Netbeans

驴Que son los archivos JNLP? Java Network Launching Protocol (JNLP) es una especificaci贸n usada por Java Web Start. Esta...

Juego de memoria para ni帽os (C贸digo Fuente)

Juego de memoria para ni帽os (C贸digo Fuente)

En un post anterior, desarrollamos un swing para simular un efecto FLIP 聽y recib铆 algunos mensajes pidi茅ndome un ejemplo...

Ejecutar JAR desde Visual Basic .NET (Lanzadores)

Ejecutar JAR desde Visual Basic .NET (Lanzadores)

Cuando queremos presentar un programa hecho en java y darle un toque de profesionalidad, a veces no queremos que el clie...

Cambiar icono de aplicaci贸n en IDE Eclipse

Cambiar icono de aplicaci贸n en IDE Eclipse

Si tenemos una aplicaci贸n android que estemos desarrollando en el IDE Eclipse y queremos cambiar el icono de la aplicaci...

Blog MVC – Iniciando el proyecto [p2]

Blog MVC – Iniciando el proyecto [p2]

Segunda parte del tutorial [Crea tu blog con el patr贸n MVC y php]. En esta 2da parte toca ver lo que es la creaci贸n del...

Bloquear orientaci贸n de la pantalla

Bloquear orientaci贸n de la pantalla

Cuando escribimos aplicaciones para android debemos tener cuidado al dise帽ar la interfaz en la posici贸n que tomaran los...

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

KolibriOS聽 es un peque帽o sistema operativo poderoso, r谩pido y libre con un n煤cleo monol铆tico anticipativo en tiempo real...

Los cursos online se han convertido en algo com煤n en nuestros d铆as y las aplicaciones que hay en la nube para realizar r...

Dia Diagram Editor es un software gratuito de dibujo de c贸digo abierto para los sistemas operativos de Windows, Mac OS X...

En ocasiones el limite m谩ximo de importaci贸n de base de datos que ofrece PhpMyAdmin聽(2MB) no es suficiente para lo que q...

Android Bolivia

MAUS