Como crear un RadioGroup en Android

Android RadioGroup Example

Hola amigos comenzamos con un ejemplo un poco mas estructurado combinando varios controles, utilizaremos el RadioGroup enseñando lo con un ejemplo básico y sencillo de entender.

Para tener un poco mas claro como va este control Widget RadioGroup.

Crear Nuevo Proyecto Android Studio (Aquí)

Crearemos nuestro proyecto Android, teniendo listo podemos continuar.

Una clase RadioGroup se utiliza para el conjunto de botones de radio.

Si seleccionamos un botón de radio que pertenece a un grupo de radio, automáticamente desactiva cualquier botón de radio marcado previamente dentro del mismo grupo.

Atributos de RadioGroup

Los siguientes son los atributos importantes relacionados con el control de RadioGroup. Puede comprobar la documentación oficial de Android para ver la lista completa de atributos y métodos relacionados que puede utilizar para cambiar estos atributos en tiempo de ejecución.

Atributo

android:checkedButton

Descripción

Este es el id de botón de radio hijo que debe ser comprobado de forma predeterminada dentro de este grupo de radio.

Crear Layaout RadioGroup

Para crear el Layout de nuestra aplicación utilizaremos 3 RadioButton, 1 TextView y 1 Button para desarrollar este ejemplo del Container RadioGroup.
Nuestra actividad quedaría de la siguiente manera.
El diseño del Layout en el código seria el siguiente.

<?xml version="1.0" encoding="utf-8"?>
<RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android"
xmlns:tools="http://schemas.android.com/tools" android:layout_width="match_parent"
android:layout_height="match_parent" android:paddingLeft="@dimen/activity_horizontal_margin"
android:paddingRight="@dimen/activity_horizontal_margin"
android:paddingTop="@dimen/activity_vertical_margin"
android:paddingBottom="@dimen/activity_vertical_margin" tools:context=".MainActivity">

<TextView
android:layout_width="match_parent"
android:layout_height="wrap_content"
android:layout_marginBottom="10dp"
android:gravity="center" 
android:id="@+id/titulo" 
android:textColor="#000" 
android:textSize="20dp" 
android:text="Elije una opcion:" /> 

<RadioGroup 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_below="@+id/titulo" 
android:id="@+id/radiogroup" 
android:gravity="center_vertical" 
android:background="#ccc" 
android:checkedButton="@+id/sound" > 

<RadioButton 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/sonido" 
android:layout_marginLeft="30dp" 
android:text="Sonido" /> 

<RadioButton 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/vibracion" 
android:layout_marginLeft="30dp" 
android:text="Vibración" /> 

<RadioButton 
android:layout_width="wrap_content" 
android:layout_height="wrap_content" 
android:id="@+id/silencio" 
android:layout_marginLeft="30dp" 
android:text="Silent" /> 

</RadioGroup>
<Button 
android:layout_width="match_parent" 
android:layout_height="wrap_content" 
android:layout_below="@+id/radiogroup" 
android:layout_marginTop="10dp" 
android:id="@+id/seleccionar" 
android:text="Seleccionar" /> 

</RelativeLayout>

El diseño quedaría listo. Recuerda que puedes consultarme por si no entiendes alguna propiedad utilizada.

Código MainActivity RadioGroup

Nos dirigiremos a la clase MainActivity y escribiremos el siguiente código para ejecutar nuestra aplicación de la forma en que se lleva el ejemplo del RadioGroup

//--Librerias a utilizar
import android.support.v7.app.AppCompatActivity;
import android.os.Bundle;
import android.app.Activity;
import android.view.View;
import android.view.View.OnClickListener;
import android.widget.Button;
import android.widget.RadioButton;
import android.widget.RadioGroup;
import android.widget.RadioGroup.OnCheckedChangeListener;
import android.widget.TextView;
import android.widget.Toast;

public class MainActivity extends AppCompatActivity {
//--Declaramos las variables para nuestros controles
private RadioGroup radioGroup;
private RadioButton sonido, vibracion, silencio;
private Button button;
private TextView textView;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//--Asignamos las propiedades de nuestro control en la variable
radioGroup = (RadioGroup) findViewById(R.id.radiogroup);
//--el radiogroup esta en la espera de seleccion
radioGroup.setOnCheckedChangeListener(new OnCheckedChangeListener() {

@Override
public void onCheckedChanged(RadioGroup group, int checkedId) {
//--El id seleccionado en el radiogroup
if(checkedId == R.id.silencio) {
Toast.makeText(getApplicationContext(), "Elige: Silencio",
Toast.LENGTH_SHORT).show();
} else if(checkedId == R.id.sound) {
Toast.makeText(getApplicationContext(), "Elige: Sonido",
Toast.LENGTH_SHORT).show();
} else {
Toast.makeText(getApplicationContext(), "Elige: Vibracion",
Toast.LENGTH_SHORT).show();
}
}
});
//--Asigna las propiedades de los controles a las variables
sonido = (RadioButton) findViewById(R.id.sonido);
vibracion = (RadioButton) findViewById(R.id.vibracion);
silencio = (RadioButton) findViewById(R.id.silencio);
textView = (TextView) findViewById(R.id.titulo);
button = (Button)findViewById(R.id.seleccionar);
//--Boton que mostrar un mensaje tostada/toast y mostrara el radiobutton seleccionado
button.setOnClickListener(new OnClickListener() {
@Override
public void onClick(View v) {
int selectedId = radioGroup.getCheckedRadioButtonId();
if(selectedId == sonido.getId()) {
textView.setText("Tu elegiste la opcion 'Sonido'");
} else if(selectedId == vibracion.getId()) {
textView.setText("Tu elegiste la opcion 'Vibracion'");
} else {
textView.setText("Tu elegiste la opcion 'Silent'");
}
}
});
}
}

De esta manera quedaría nuestro código en nuestra aplicación para ver el RadioGroup funcionando.

Ejecutar Aplicación Android

Para ejecutar nuestra aplicación como paso final necesitamos crear nuestro emulador Android aunque hay otra forma de hacer sin necesidad de tener que crear el emulador si no ejecutar la aplicación directamente en nuestro celular que mas adelante creare un tutorial de como hacerlo.

Crear emulador AVD (Aquí).

Crearemos nuestro emulador avd para ver el ejemplo del RadioGroup.

Resultado.

Y este seria el resultado final de nuestro ejemplo.

Una forma sencilla de entender el funcionamiento de RadioGroup puedes cambiar los nombres o crear un nuevo proyecto practicando nuevas formas o agregando mas RadioButton para practicar con un proyecto mas complejo.

Descarga: Aquí

Espero el contenido sea de tu agrado y haya quedado lo mas claro posible cualquier duda puedes dejar tu comentario y con gusto te responderé. Muchas gracias!

"Siempre he deseado que mi equipo sea tan fácil de usar como mi teléfono, mi deseo se ha hecho realidad porque ya no puedo encontrar la manera de usar mi teléfono."
- Bjarne Stroustrup

Android Studio - Curso Español