contacto[arroba]digitallearning.es
Interfaz App ListView Personalizado

Controles de selección en App Android: personalizando un ListView

Post Series: Interfaz usuario en Android: CheckBox, RadioButton, Spinner y Gallery

En el interfaz de usuario de una Aplicación Android, en la mayoría de los controles de selección, podemos personalizar el aspecto y hacer que dentro de cada una de las opciones que se repiten se pueden incluir varios controles, dando lugar a una estructura más compleja, con mayores funcionalidades.

Para aclarar como poder usar otro tipo de controles dentro de un ListView, se va a utilizar un proyecto en el que vamos a introducir en cada ítem un TextView, un CheckBox y un EditText.
En este ejemplo que consiste en una App para gestionar una ‘lista de la compra‘ (que ya usamos en un anterior tutorial y que aconsejamos revisar antes de continuar), se crea una nueva tabla que almacenará el producto y la cantidad indicada por el usuario, al seleccionar el control CheckBox asociado al producto. Además podremos introducir valores dentro de cada ítem del ListView a través del componente EditText enlazado.

El código del proyecto puedes descargarlo al final de este tutorial:

Articulos/src/com.ListView.articulos/ListaArticulos.java

Articulos/res/layout/activity_lista_articulos.xml

Se definen los recursos del Layout que mostrará todos los elementos almacenados:

Articulos/res/layout/activity_mi_adaptador.xml

Se definen los recursos que construirán la vista de cada ítem del ListView:

Articulos/src/com.ListView.articulos/MiAdaptador.java

En esta Clase llamada ‘MiAdaptador‘, que hereda de la Clase BaseAdapter, se implementará la función ‘getView‘, que se encargará de definir los controles que van a construirse en cada ítem del control ListView, para posteriormente construir el evento encargado de conocer el cambio de estado del control CheckBox, y grabar los datos de la fila donde se encuentre el control de selección, en la base de datos construida:

En el próximo videotutorial de esta serie, explicaremos este ejemplo que hemos presentado.

Descarga de Proyecto

Descarga el código completo de este proyecto (formato zip: 1,8 MB)

Descargar

Ejercicios

Te planteamos dos ejercicios sobre lo que hemos visto

  • Crea un ejemplo que al seleccionar un ítem de un componente ListView, muestre los datos de ese elemento en otra Activity.
  • Con el ejemplo creado anteriormente, añade un componente de tipo CheckBox a cada ítem, que al seleccionarlo muestre los datos del elemento en un mensaje emergente.

(en nuestro curso Apps Android con bbdd SQLite cuentas con la ayuda de un Tutor para resolver este tipo de ejercicios) 

This Post Has One Comment

Comments are closed.