Botones en Android

By DavidCS Domingo, febrero 1, 2015 0 Android Studio No tags Permalink 0

Tras ver los Layouts en Android, toca ver uno de los componentes ms utilizados, Botones en Android. Vamos a ver cuatro botones, el tpico
botn con un texto (Button), botones a los que podemos insertar una imagen (ImageButton), y botones tipo interruptor, on/off (ToggleButton y
Switch). Vamos a ver sus caractersticas principales y al final del artculo veremos cmo ejecutarlos.

Botones en Android
Control Button
Este botn es de sobra conocido, tpico boton con un texto en el que haces click y se ejecuta una accin. Este texto lo aadmos en su
propiedad android:text, y le podemos modificar el tipo de fuente con android:typeface el color con android:textcolor y el
tamao con android:textSize. Para modificar el color de fondo del boton usaremos android:background, podemos personalizar muchas mas
propiedades pero las veremos luego.

<Button
android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Soy un boton"/>

Control ImageButton
Un botn igual al anterior pero que en lugar de texto mostramos una imagen. Para ello debemos poner en su propiedad android:src algn recurso
que tenemos en la carpeta /res/drawable. Para facilitar la accesibilidad de nuestra aplicacin, siempre que aadamos una imagen debemos poner
la propiedad android:contentDescription.

<ImageButton
android:layout_width="wrap_content"
android:layout_height="wrap_content"

android:id="@+id/imageButton"
android:contentDescription="Boton con imagen"
android:src="@drawable/ic_launcher" />

Control ToggleButton
Es un botn especial, tiene dos posibles estados dependiendo si esta pulsado o no y definiremos su texto con las
propiedades android:textOn y android:textoOff.

<ToggleButton
android:id="@+id/toggleButton"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:textOn="On"
android:textOff="Off" />

Control Switch
Este botn es exactamente igual que el anterior salvo por su aspecto visual, mas parecido a un interruptor. Ambos muy utilizados para indicar el
estado de alguna opcin o propiedad.

<Switch
android:id="@+id/switch1"
android:layout_width="wrap_content"
android:layout_height="wrap_content"/>

Botn con Imagen

Este botn no existe como tal, es una mezcla entre un Button y un ImageButton, simplemente es un botn con una imagen y un texto. Aadimos
la propiedad android:drawableStart, android:drawableEnd, android:drawableTop o android:drawableBottom en funcin si queremos la imagen
a la izquierda, a la derecha arriba o abajo del texto y ya tenemos nuestro botn con texto e imagen.

<Button

android:id="@+id/button"
android:layout_width="wrap_content"
android:layout_height="wrap_content"
android:text="Boton con Imagen"
android:drawableLeft="@drawable/ic_launcher"/>

Eventos con un botn

Pues ya sabemos como crear botones ahora vamos a ver como hacerlos funcionar. El evento mas comn es el evento onClick, este evento se
lanza cuando hacemos click en el botn. Para llamar a este mtodo debemos hacer lo siguiente:
Button miBotton = (Button)findViewById(R.id.button);

miBotton.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0){

//Aqui metemos el cdigo que queramos

}
});

En la primera linea creamos una variable de tipo botn y le asignamos nuestro boton. Despus creamos un mtodo que se ejecuta cada vez que se
pulsa el botn y dentro metemos el cdigo que queramos que se ejecutara. En el caso de un ToggleButton o de un botn tipo Switch nos es muy
interesante saber si cuando lo pulsamos esta on o off, para ello usaremos el mtodo isChecked() dentro del mtodo que hemos creado antes,
quedara algo as:
final ToggleButton miBotton = (ToggleButton)findViewById(R.id.toggleButton);

miBotton.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0){
if (miBotton.isChecked()){
//Codigo si el boton esta ON
}else{
//Codigo si el boton esta OFF

}
}
});

Espero que os sirva y si tenis cualquier duda podis comentad. Si queris conocer mas acerca de estos botones podis consultar
la documentacin oficial.