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
Luego teniendo lista nuestra aplicación. Buscaremos el Radiobutton. En la paleta de herramientas.
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.
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.
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).
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!
No hay comentarios:
Publicar un comentario