Simple Contador Android

En esta entrada veremos un pequeo tutorial para crear un contador, en la cual podamos
sumarle o restarle uno y este nos visualice como va el contador.
Para esto abrimos eclipse y nos aparecer el ultimo archivo en el que se trabajo (tomaremos
en cuenta que ya se hizo un hola mundo en android, as que de ah partiremos)
Una vez abierto eclipse, nos dirigimos a la ventana lateral izquierda, donde veremos la carpeta
de nuestro proyecto, damos click y nos dirigimos a la carpeta de res/ dndole nuevamente
click, nos dirigimos a layout/ donde encontraremos nuestro main en xml, este archivo nos sera
til para trabajar en conjunto con el xxx.java.

ej:
HolaAb/res/layout/main.xml

Una vez abierto esto nos aparecer una pantalla de como se ver el contenido en nuestro
dispositivo android. Nosotros seleccionaremos la pestana de main.xml

Una vez que hayamos accedido a la pestana de main.xml nos aparecera algo como lo
siguiente:
sintax

Ahora lo que haremos sera, cambiar el texto, as que lo se hace es cambiar la linea de codigo
donde tenemos android:text="@strings/hello" por una donde diga: android:text="La cuenta va
en 0". Si nos vamos a la ventana grfica, podemos ver que cambio nuestro "HelloWorld...",
por "La cuenta va en 0".
Tambin podemos, cambiar el tamao, la alineacin, entre otras, si es as basta con agregar
las siguientes lineas a nuestro cdigo dentro del TextView. Hay que tomar en cuenta que al
momento de programar en android, hay que declarar id, en el xml, esto sirve para identificar
atributos declarados y al momento de hacer una accin, esta procesa a otra, asi que
agregaremos lo siguiente dentro de TextView, android:id="@+id/VerR".

Ahora vamos a agregar, los botones, para esto nos vamos despues de nuestro TextView y
agregamos la siguentes lineas (hay que tomar en cuenta que al momento de hacer un botn es
casi igual si estuviramos declarando un texto, as que lo nico que podra diferenciar, seria
el id):

Ahora lo que sigue es empezar a trabajar con nuestro .java, en mi caso trabajare
en"HolaAbActivity.java", a continuacin pondr el cdigo, ya que hay que desarrollar un simple
contador, solo explicare unas cosas donde hace la interaccin con el xml.

package nombreaplicacion.nombredesarrollador;
import
import
import
import
import

android.app.Activity;
android.os.Bundle;
android.view.View;
android.widget.Button;
android.widget.TextView;

public class HolaAbActivity extends Activity {

/** Called when the activity is first created. */
int contador = 0;
Button sumar, restar, reiniciar;
TextView display;
@Override
public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.main);
sumar = (Button) findViewById(R.id.bSumar);
restar = (Button) findViewById(R.id.bRestar);
reiniciar = (Button) findViewById(R.id.bReiniciar);
display = (TextView) findViewById(R.id.VerR);
sumar.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
contador++;
display.setText("La cuenta va en " + contador);
}
});
restar.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
contador--;
display.setText("La cuenta va en " + contador);
}
});
reiniciar.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
// TODO Auto-generated method stub
contador = 0;
display.setText("La cuenta va en " + contador);
}
});
}
}

PROGRAMACIN ANDROID:
INTERFAZ GRFICA
COMPONENTES GRFICOS
Y EVENTOS
2011/06/25 BY ALEJANDRO ALCALDE, 8 COMMENTS,
IN ANDROID, OPENSOURCE

Ya hemos visto que todos los componentes visuales descienden del objeto View, que
proporciona una interfaz para que podemos interactuar con ellos.
Para que nuestras aplicaciones sean funcionales, necesitamos responder a los eventos
que el usuario dispare al interactuar con nuestro programa, en Android, esto se consigue
mediante los Listeners, que sern llamados cada vez que se produzca un evento.

Por ejemplo, un listener muy comn ser setOnClickListener(), que responder cada
vez que se pulse sobre la vista a la que se lo aplicamos, como un botn, o una imgen.
Hay muchos tipos de listener, setOnKeyListener() (Para eventos de
teclado), setOnItemClicklistener() (Para eventos al seleccionar un elemento de una
lista) etc etc.
En los ejemplos mostrados hasta ahora, solo hemos visto objetos de tipo TexView,
vamos a ver unos cuantos ms (En cada ejemplo pondr la definicin XML del objeto, y
su manipulacin mediante cdigo):

BUTTON
Botones simples, para realizar acciones al pulsar sobre ellos.
<button android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Plsame"
android:layout_centerInParent="true"

android:id="@+id/button1"/>
//Recoger el botn en una variable para usarlo
final Button button1 = (Button) findViewById(R.id.button1);
button1.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View arg0) {
Toast.makeText(
button1.getContext()
, "Me has pulsado " + ++contador + " veces."
, Toast.LENGTH_SHORT)
.show();
}
});

En este caso, hemos declarado una variable como miembro de la clase, (public int
contador = 0;), para que cada vez que pulsemos el botn nos salga un mensaje con el
nmero de veces que lo hemos pulsado:

EDITTEXT
Son campos de texto en los que el usuario puede escribir.
<edittext android:layout_width="200dip"
android:layout_height="wrap_content"
android:layout_above="@id/button1"
android:id="@+id/editText1"
android:layout_centerInParent="true"/>
final EditText editText1 = (EditText) findViewById(R.id.editText1);
editText1.setOnKeyListener(new OnKeyListener() {
@Override
public boolean onKey(View arg0, int arg1, KeyEvent arg2) {
if (arg1 == KeyEvent.KEYCODE_ENTER){
Toast.makeText(
editText1.getContext()
, "Escribiste: " + editText1.getText()
, Toast.LENGTH_SHORT)
.show();
return true;
}
return false;
}
});