Blog para desarrollo de aplicaciones en Android, aprende paso a paso como crear aplicaciones.

Usamos cookies propias y de terceros que entre otras cosas recogen datos sobre sus hábitos de navegación para mostrarle publicidad personalizada y realizar análisis de uso de nuestro sitio.
Si continúa navegando consideramos que acepta su uso. OK Más información | Y más

Como crear un RadioButton en Android

Android RadioButton Example

Hola amigos! Vamos a seguir aprendiendo cada día más, sobre la programación de aplicaciones para este siguiente paso vamos a aprender como utilizar el control Widget-RadioButton mostrando los ejemplos de como se puede utilizar de una forma sencilla y clara.
Vamos a comenzar creando un proyecto resumiendo los pasos.


Crear Nuevo Proyecto Android Studio (Crear proyecto)

Agregaremos el nombre para nuestra aplicación.

Nombre: Example_RadioButton

Android RadioButton Example

Luego teniendo lista nuestra aplicación. Buscaremos el Radiobutton. En la paleta de herramientas.

Android RadioButton Example


Encontraremos el control RadioButton en los Widgets lo que haremos sera presentar un pequeño ejemplo del uso de este control, para el siguiente paso vamos a arrastrar el control al Activity.

Android RadioButton Example

Para este ejemplo utilizaremos 3 RadioButton para mostrar un mensaje en un TextView.
Ahora que tenemos listo los controles vamos a crear la programación. Para crear las acciones de cada uno.

Hover: el RadioButton está a la espera de eventos
Focused: el sistema de navegación de Android enfocó al Radiobutton
Pressed: el usuario mantiene presionado el Radiobutton
Disabled: el RadioButton no está habilitado para interacción
Disabled-Focused: combinación de disabled + focused.

Android Layaut RadioButton

<?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:text="Hello World!" android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:id="@+id/textView"
 android:layout_below="@+id/radioButton3"
 android:layout_centerHorizontal="true"
 android:layout_marginTop="96dp" />

 <RadioButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="New RadioButton"
 android:id="@+id/radioButton"
 android:layout_centerHorizontal="true"
 android:layout_marginTop="52dp" />

 <RadioButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="New RadioButton"
 android:id="@+id/radioButton2"
 android:layout_below="@+id/radioButton"
 android:layout_centerHorizontal="true"
 android:layout_marginTop="41dp" />

 <RadioButton
 android:layout_width="wrap_content"
 android:layout_height="wrap_content"
 android:text="New RadioButton"
 android:id="@+id/radioButton3"
 android:layout_centerVertical="true"
 android:layout_alignStart="@+id/radioButton2" />
</RelativeLayout>

Programar RadioButton MaintActivity

Vamos a comenzar con la programación.
Ahora vamos a realizar la programación en nuestro MaintActivity.

Para obtener el valor de un RadioButton se hace de la siguiente manera.

RadioButton btn1;
btn1 = (RadioButton)findViewById(R.id.radioButton);

Ahora tendremos que declarar todos nuestros RadioButton en el MainActivity en el metodo OnCreate.

public class MainActivity extends AppCompatActivity {
//--Variables para acceder a las propiedades de los controles 
RadioButton btn1,btn2,btn3; TextView txtView;
@Override protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_main);
//--Variables se les asignan los controles
btn1 = (RadioButton)findViewById(R.id.radioButton);
btn1 = (RadioButton)findViewById(R.id.radioButton);
btn1 = (RadioButton)findViewById(R.id.radioButton);
txtView = (TextView)findViewById(R.id.textView);
}
//--Función para el radiobutton1 mostrara el mensaje
public void mensajerd1(View view){
//--Control textview añade el mensaje con la propiedad setText
txtView.setText("Hola mundo!"); }
public void mensajerd2(View view){
txtView.setText("Que tal mundo!");
}
public void mensajerd3(View view){
txtView.setText("Adiós mundo!");
} 
}

Teniendo lista la programación ahora asignaremos las funciones a cada control de forma visual.

View: Una View es un objeto cuya clase es Android.view.View. Es una estructura de datos para las propiedades que contienen los datos de la capa, la información específica del área rectangular de la pantalla Android y que puede establecer el Layout.

La clase View es necesaria como clase para los controles Widgets, que son unas subclases ya utilizada que implemente y dibuja los controles en la pantalla. Los Widgets tienen sus propios tamaños y medias, pero puedes usarlas para construir tu interfaz visual más acelerada o rapidmanete. La lista de Widgets que puedes usar son Text, EditText, InputMethod, MovementMethod, Button, RadioButton, CheckBox, y ScrollView.

Luego asignaremos a cada uno de nuestros RadioButton el método correspondiente a cada uno para mostrar el mensaje en nuestro TextView.

Android RadioButton Example


Seleccionando de forma visual las funciones dando click en el control RadioButton buscaremos en las propiedades la que dice onClick y le asignamos la función.

Android Crear Emulador AVD

vamos a ejecutar el emulador AVD para visualizar el resultado y probar lo que hemos hecho. Si no sabes como crear un emulador AVD puedes ver la página. (Crear emulador AVD).

Android RadioButton Example

Descargar proyecto aqui.

Bueno este ha sido todo por hoy. Mas adelante iremos aprendiendo formas diferentes de utilizar el RadioButton y pondremos en practica su utilidad en una aplicación real, pero para ello continua con este curso. Comparte con tus amigos para promover el conocimiento y eso me ayudara a seguir publicando mas información para aprender. Gracias por tu tiempo!


Android Studio - Curso Español

Android Studio - Curso Español

No hay comentarios:

Publicar un comentario

x

Registrate!

Curso Android Español

Curso Kotlin Español

eBook Free Android Studio

Noticias y Eventos

¡Directamente a tu INBOX!

Le enviaremos nuestros recursos gratis. Para obtener nuestro contenido nuevo, únase a nuestra comunidad. No te molestaremos enviando información inútil. ¡No te pierdas ninguna actualización, mantente conectado! Recuerda verificar tu correo electronico.

Ingrese su dirección de correo electrónico:

Entregado por FeedBurner