Aquesta és una revisió antiga del document

---

Utilitzant ListView a Android

Una ListView és una widget obsolet però que ha tingut molta utilització i es manté per backward compatibility. Com que el seu substitut actual, la RecycleView és una mica complicada d'utilitzar, farem primer aquest exemple amb la ListView antiga per entendre el funcionament.

Referències:

• Tutorial d'utilització de ListView d'Android
• Codi d'exemple més simple d'utilització d'una ListView

Perquè és complicada una ListView?

Com veurem ara a l'hora d'implementar-ho, la ListView resulta una mica més complicada del què ens esperaríem. Això es deu a la particularitat dels dispositius mòbils de la seva escassa RAM. No podem, doncs, implementar una llista amb gran quantitat d'entrades que poden contenir pesants elements multimèdia com fotos d'alta resolució, i que es carreguin totes a la RAM directament. Ens cal uns tipus de Views que carreguin només les dades que s'estan visualitzant, i que generin nous ítems només quan l'usuari faci el scroll.

Com podem veure a la imatge, a més, el sistema farà un reciclat dels ítems que ha generat prèviament i que ja no estan visibles, estalviant RAM de forma global.

MVC + Adapter

Tota View te la intenció de seguir un paradigma Model - Vista - Controlador. En altres entorns segurament trobaríem el Model de dades, per exemple, un ArrayList, connectat directament a la ListView, i el codi de Controlador podria estar en altres objectes de l'aplicació (com la Activity) o en una classe derivada de la ListView.

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.

Per a cada element (item) de la ListView es necessita un layout personalitzat. El pots crear tu mateix, o simplement adoptar uns layouts prefabricats per als items. Al arxiu de recursos android.R.layout trobaràs alguns com per exemple android.R.layout.simple_list_item_1 que et pot estalviar feina per als casos més habituals.

En aquest exemple de ArrayAdapter en canvi, hem creat un layout personalitzat per a la nostra taula.

Exercicis