Android RecyclerView

RecyclerView és l'objecte adequat per a visualitzar llargues llistes d'objectes en les darreres versions d'Android. Similarment a Android ListVieẉ però amb un funcionament una mica més sofisticat, la idea segueix sent reciclar les «targetes» de visualització de cada item per estalviar RAM. Seguint el paradigma MVC, necessitarà un objecte intermig Adapter que ens enllaça la part gràfica amb la part de model.

Referències:

• Android
• Android ListView
• Android Camera
• Doc oficial Android RecyclerView.
• Un exemple alternatiu de creació de RecyclerView.

Reciclatge d'elements gràfics

MVC ampliat i Adapter

• Tota View intenta seguir un paradigma Model - Vista - Controlador.
• En altres entorns segurament trobaríem una connexió més simple:
  • Model de dades (Ex. ArrayList) connectat directament a la View (ja sigui ListView o RecyclerView).
  • El codi de Controlador podria estar en altres objectes de l'aplicació (com la Activity) o en una classe derivada de la View.
• En Android, degut a que necessitem la gestió del reciclatge dels ítems gràfics, ens apareix un element extra anomenat Adapter. Aquest és l'element que coneix la View i el nostre Model i que ha de saber com reciclar els ítems per a l'estalvi de RAM.

Implementar una RecyclerView

Intentarem seguir les indicacions de la doc oficial d'Android de RecyclerView, però sovint cal algun hack perquè funcioni del tot:

1. Insertar una RecyclerView al main tempate de l'Activity (per exemple activity_main.xml).
2. Eliminar TextView del main template per evitar confusions de IDs, o com a mínim modificar el seu ID amb un nom que no sigui el típic textView per quelcom més particularitzat.
3. Crear nova Java class CustomAdapter
4. Enganxar el codi de la doc
5. Afegir classes necessàries
6. Afegir layout per als elements del RecyclerView : item_layout.xml
7. Enganxar codi del FrameLayout amb únic TextView
8. Canviar elements item layout en vermell:
   1. layout_marginleft i layout_marginright = «1dp»
   2. layout_height = «wrap_content»
9. Canviar al CustomAdapter: R.layout.text_row_item per R.layout.item_layout
10. Afegir a Activity.onCreate() (l'exemple de la doc oficial és incomplert):

    String []dataset = { "hola q tal", "com va", "tercer element" };
    customAdapter = new CustomAdapter(dataset);
    RecyclerView recyclerView = findViewById(R.id.recyclerView);
    RecyclerView.LayoutManager lm = new LinearLayoutManager(this);
    recyclerView.setLayoutManager(lm);
    recyclerView.setAdapter(customAdapter);

Si no veieu elements de la llista al RecyclerView, revisa:

1. Que hagis posat un LayoutManager al codi de l'Activity, sense aquest element no funciona el RecyclerView (l'exemple de la doc oficial no el té).
2. Que el RecyclerView no estigui massa ajustat al top del layout de la Activity. Posa un marge més gran perquè la StatusBar pot amagar els elements.
3. Vigila que no tinguis elements gràfics dels diferents layouts amb un mateix ID, en particular el del textView.

Un cop en funcionament, pots sofisticar la visualització:

1. Millorant els item_layout.xml i afegint-hi elements com ImageView, etc.
2. Prova amb la GridLayoutManager enlloc del LinearLayoutManager.
3. Modificant els elements del model. Caldrà canviar:
   1. El propi dataset que podria ser un ArrayList o similar d'objectes amb diversos atributs.
   2. El template del CustomLayout i canviant del String de l'exemple a l'objecte desitjat.

Exercici