Saltear al contenido principal

Proyecto Android: ListView y GridView con ORM

Interfaz usuario: acceso a bbdd con ListView y GridView
1. Interfaz de usuario en Apps Android: controles de selección (I)
2. Proyecto Android: ListView y GridView con ORM
3. Videotutorial Proyecto Android: uso ListView-GridView con ORM

En este proyecto Android mostramos el uso de los componentes ListView y GridView con la API Sugar ORM para el mapeo de base de datos.

Se diseñará una pantalla principal donde se guardarán artículos para crear una lista de la compra que podrán posteriormente visualizarse en formato lista y tabla utilizando dichos componentes de selección.

Al final de este tutorial tienes un botón para descargar todo el código del proyecto.

Caso práctico con Sugar ORM, ListView y GridView

1) Creamos un nuevo proyecto Android con los siguientes parámetros:

 

2) Se añade la librería «sugar-1.2.jar» para utilizar el ORM Sugar ORM. Tras añadir la librería se debe establecer SugarApp en la etiqueta application del AndroidManifest.xml en el atributo android:name:

El resto de metadatos definidos es opcional y sirven para el siguiente propósito:

Metadatos

3) Creamos nuestra primera Activity donde implementamos la lógica de guardar los artículos en la base de datos. Además se añaden dos componentes de tipo Button para cambiar de Activity y mostrar los datos almacenados:

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

Definimos los eventos On Click encargados de lanzarse cuando se pulse el botón asociado al evento:

Articulos/res/layout/activity_main.xml

4) Se creará un Clase llamada «Articulos» con los métodos get y set, que heredará de la Clase SugarRecord para crear una entidad persistente con la API Sugar ORM:

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

 

 

5) Se crearán las Clases MiAdaptador y MiAdaptadorGridView, que heredarán de la Clase BaseAdapter, e implementarán la lógica de los elementos que se mostrarán en los componentes ListView y GridView definidos, y la vista que se construirá en cada ítem de la lista o cuadrícula bidimensional:

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

Función que se encargará de definir los controles que van a construirse en cada ítem del control ListView

 

Clase estática dónde se declaran los controles que se enlazarán a los recursos declarados en el Layout

Articulos/src/com.ListView.articulos/MiAdaptadorGridView.java
Esta Clase funciona exactamente igual que la definida para el componente ListView, a excepción de que en el componente GridView hemos añadido una imagen dentro de cada celda de la cuadrícula.

 

Articulos/res/layout/activity_mi_adaptador.xml

 

Articulos/res/layout/activity_mi_adaptador_grid_view.xml

 

 

Aplicacion Android con Interfaz usuario Grid View

 

6) Por último se crearán las Activities encargadas de mostrar los componentes ListView y GridView. A diferencia de la Activity que define el control GridView, la Activity ListView debe heredar de ListActivity:

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

 

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

 

Articulos/res/layout/activity_lista_articulos.xml

 

Articulos/res/layout/activity_lista_articulos_grid_view.xml

Descarga de Proyecto

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

Descargar

Esta entrada tiene un comentario

Los comentarios están cerrados.

Volver arriba