Avatar of %s

by

Un ejemplo sencillo

29 junio, 2011 in Layouts, Notificaciones, Sin categoría, Textview

Hola, bueno he aqui un ejercico sencillo para ir entrando en calor con android. la ides es hacer una operacion matematica simple y mostrar en un mensaje , algo basico  y simple 

1. el primer paso es crear nuestro layout (pantalla) , donde agregaremos los controles que necesitamos para este ejercicio siemple, a continuacion muestro el xml, del layout creado , pueden hacer por vista grafica o por etiquetas xml como mas a gusto se sientan. Este layout esta ubicado en la carpeta res/layout de nuestro proyecto ya que en la carpeta res es donde se guardan todos nuestros recursos.

<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:orientation="vertical"
    android:layout_width="fill_parent"
    android:layout_height="fill_parent"
    >
<TextView  
    android:layout_width="fill_parent" 
    android:layout_height="wrap_content" 
    android:text="@string/hello"
    />
<EditText android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/numero1"></EditText>
<EditText android:layout_height="wrap_content" android:layout_width="match_parent" android:id="@+id/numero2"></EditText>
<Button android:layout_width="wrap_content" android:layout_height="wrap_content" android:text="Calcular" android:id="@+id/calcular"></Button>
</LinearLayout>

 

Solo he adicionado dos controles de tipo edit text y un boton dentro del mi layout , cada edit text tiene como id numero1 y numero 2 y el boton un id calcular, esto para poder identificarlos desde java, los text del edit text estan vacias para q las cajas aparescan vacias al iniciary el del boton dice calcular para q el boton diga calcular :D , ademas de que nuestro layout esta en orientacion vertical para que los controles se ponga en una fila vertical, de lo contrario se pondrian uno delante de otro en posicion vertical entonces tendriamos 

Control identificador Text
edit text numero1 vacio
edit text numero2 vacio
Button calcular Calcular

 

2. ahora vamos al codigo java, yo he creado una clase con el nombre de principal y esta extendida de de la clase activity.

package com.androidcix;

 

import android.app.Activity;
import android.os.Bundle;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.*;
 
public class principal extends Activity {
    /** Called when the activity is first created. */
    
int result;
int valor1;
int valor2;
EditText n1;
EditText n2;
Button calcular; 
@Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.main);
        
 
       // hacemos un cast de los controles que tenemos en nuestro layout 
        n1 =(EditText) findViewById(R.id.numero1);
        n2 =(EditText) findViewById(R.id.numero2);
        calcular =(Button) findViewById(R.id.calcular);
        
        // le indicamos a nuestro boton que hacer cuando escuche un click
        calcular.setOnClickListener(new OnClickListener() {
 
             @Override
             public void onClick(View v) {
                 
                   // totas es una notificacion que aparece en una ventada superficial 
                  // aqui le indicamos que muestre lo que devuleve nuestra funcion calcular como lo q devuelve es intero debemos
                  //convertirlo a string ya que toast solo acepta string  
                      Toast.makeText(principal.this, Integer.toString(calcular()), Toast.LENGTH_LONG).show();
             }
        });
      
 }
 
// finalmente la funcion que hace todo calcular, almacenamos lo que contiene nuestros edittext  en unas variables tipo entero
// y con esas variable hacemos una simple multiplicacion almacenamos y devolvemos result q es el total de la multiplicacion
 
            private int calcular(){
 
                 valor1 = Integer.parseInt(n1.getText().toString());
                 valor2 = Integer.parseInt(n2.getText().toString());
                 result = valor1 * valor2;
 
                 return result;
           }
 
}

Al final opetnemos este resultado

 

Es un ejemplo rustico y sencillo depende de ustedes hacer cosas complejas, variantes, o lo que deseen solo aplique este ejemplo como una forma de ver como se recepcion datos de un control y se muestra en una peque;a notificacion como es toast. proximamente veremos cosas un poco mas complejas, solo a sido un peque;o aporte. hasta la proxima.

 

 

 

 

Leave a reply

You must be logged in to post a comment.