Skip to content

Controles de selección en Apps Android: CheckBox y RadioButton

Interfaz usuario en Android: CheckBox, RadioButton, Spinner y Gallery
1. Interfaz de usuario en Apps Android: controles de selección (II)
2. Controles de selección en Apps Android: CheckBox y RadioButton
3. Controles de selección en Apps Android: Spinner y Gallery
4. Controles de selección en App Android: personalizando un ListView
5. Videotutorial: UI con ListView y componentes embebidos en App Android

Diseño UI e implementación

Para comprender el funcionamiento de los controles de tipo selección que estamos explicando en esta serie de tutoriales, desarrollaremos una sencilla Aplicación Android de ejemplo. Esta App simulará un centro de incidencias informáticas, en la que debemos indicar qué tipo de asistencia se ha realizado para resolver una avería que se ha atendido.

En esta primera publicación veremos la utilización de los componentes ChecBox y RadioButtom y en la siguiente entrega, usaremos los componentes Spinner y Gallery. Al final del tutorial tienes un botón para descargar todo el código de este Proyecto.

Ejemplo con CheckBox

Elementos necesarios para hacer uso del componente CheckBox:

  • Definir tres controles de tipo CheckBox para cada tipo de asistencia
  • Implementar el evento que controle la lógica de control seleccionado, comunicando el cambio de estado al resto de controles del componente.

Checbox en nuestra aplicaciónAndroid de incidencias

Controles_Seleccion_2/res/layout/activity_check.xml

Hemos definido dos TextView para mostrar información complementaria sobre el contexto de las opciones disponibles, y tres componentes CheckBox para permitir al usuario seleccionar aquella o aquellas que crea conveniente, permitiendo la selección múltiple:

 

Main Activity

Main Activity en la App Android de incidencias

Controles_Seleccion_2/res/layout/activity_main.xml

Se incluyen, además de un TextView que contextualiza el uso de la aplicación, cuatro botones que permitan poder navegar entre las diferentes Activities, y realizar pruebas con los diferentes componentes de tipo selección declarados:

Controles_Seleccion_2/src/com.academiandroid.controles_seleccion_2/MainActivity.java

(*) Nota: El evento On Click es el evento que se produce cuando un elemento es pulsado una vez.

Controles_Seleccion_2/src/com.academiandroid.controles_seleccion_2/Check.java

Se inicializan y enlazan tres componentes CheckBox con los definidos a nivel de Layout, y se definen en cada uno de ellos el evento onCheckedChanged que permite capturar cuando se produce el cambio de estado del componente (recordemos que los dos posibles estados de un CheckBox es checked y unchecked):

 

Ejemplo con RadioButton

A diferencia del control CheckBox, este componente sólo permitirá seleccionar una de las opciones, excluyendo el resto (al cambiar la opción seleccionada, se desactivará la opción anterior).

Elementos necesarios para hacer uso del componente RadioButton:

  • Control de tipo RadioGroup dónde se definirán los controles de tipo RadioButton para la lógica de selección única.
  • Implementar el evento que controle la lógica de control seleccionado, comunicando el cambio de estado al resto de controles del componente RadioGroup.

Ejemplo con RadioButtom en nuestra aplicación Android

Controles_Seleccion_2/res/layout/activity_radio.xml

 

Controles_Seleccion_2/src/com.academiandroid.controles_seleccion_2/Radio.java

 

Descarga de Proyecto

Descarga el código de este caso práctico (formato zip: 1,5 MB)

Descargar

Volver arriba
Esta web usa cookies para su correcto funcionamiento. No hay cookies de publicidad, aunque algunos de los contenidos mostrados (videos o documentos insertados) están alojados en servicios externos (Youtube, Vimeo, Box...) que sí pueden implementar sus propias cookies. También se ha incluido en pruebas un Agente AI que incluye sus propias cookies   
Privacidad