bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc


Barra lateral

ASIX Administració de Sistemes Informàtics i Xarxes
Tots els mòduls del cicle
MP01 Implantació de sistemes operatius
Totes les UFs del modul
MP02 Gestió de bases de dades
Totes les UFs del modul
MP03 Programació bàsica
Totes les UFs del modul
MP04 Llenguatges de marques i sistemes de gestió d'informació
Totes les UFs del modul
MP05 Fonaments de maquinari
Totes les UFs del modul
MP06 Administració de sistemes operatius
Totes les UFs del modul
MP07 Planificació i administració de xarxes
Totes les UFs del modul
MP08 Serveis de xarxa i Internet
Totes les UFs del modul
MP09 Implantació d'aplicacions web
Totes les UFs del modul
MP10 Administració de sistemes gestors de bases de dades
Totes les UFs del modul
MP11 Seguretat i alta disponibilitat
Totes les UFs del modul
MP12 Formació i orientació laboral
Totes les UFs del modul
MP13 Empresa i iniciativa emprenedora
Totes les UFs del modul
MP14 Projecte
Totes les UFs del modul
DAM Desenvolupament d’aplicacions multiplataforma
Tots els mòduls del cicle
MP01 Sistemes informàtics
Totes les UFs del modul
MP02 Bases de dades
Totes les UFs del modul
MP03 Programació bàsica
Totes les UFs del modul
MP04 Llenguatges de marques i sistemes de gestió d'informació
Totes les UFs del modul
MP05 Entorns de desenvolupament
Totes les UFs del modul
MP06 Accés a dades
Totes les UFs del modul
MP07 Desenvolupament d’interfícies
Totes les UFs del modul
MP08 Programació multimèdia i dispositius mòbils
Totes les UFs del modul
MP09 Programació de serveis i processos
Totes les UFs del modul
MP10 Sistemes de gestió empresarial
Totes les UFs del modul
MP11 Formació i orientació laboral
Totes les UFs del modul
MP12 Empresa i iniciativa emprenedora
Totes les UFs del modul
MP13 Projecte de síntesi
Totes les UFs del modul
MPDual Mòdul Dual / Projecte
DAW Desenvolupament d’aplicacions web
Tots els mòduls del cicle
MP01 Sistemes informàtics
Totes les UFs del modul
MP02 Bases de dades
Totes les UFs del modul
MP03 Programació
Totes les UFs del modul
MP04 Llenguatge de marques i sistemes de gestió d’informació
Totes les UFs del modul
MP05 Entorns de desenvolupament
Totes les UFs del modul
MP06 Desenvolupament web en entorn client
Totes les UFs del modul
MP07 Desenvolupament web en entorn servidor
Totes les UFs del modul
MP08 Desplegament d'aplicacions web
Totes les UFs del modul
MP09 Disseny d'interfícies web
Totes les UFs del modul
MP10 Formació i Orientació Laboral
Totes les UFs del modul
MP11 Empresa i iniciativa emprenedora
Totes les UFs del modul
MP12 Projecte de síntesi
Totes les UFs del modul
SMX Sistemes Microinformàtics i Xarxes
Tots els mòduls del cicle
MP01 Muntatge i manteniment d’equips
Totes les UFs del modul
MP02 Sistemes Operatius Monolloc
Totes les UFs del modul
MP03 Aplicacions ofimàtiques
Totes les UFs del modul
MP04 Sistemes operatius en xarxa
Totes les UFs del modul
MP05 Xarxes locals
Totes les UFs del modul
MP06 Seguretat informàtica
Totes les UFs del modul
MP07 Serveis de xarxa
Totes les UFs del modul
MP08 Aplicacions Web
Totes les UFs del modul
MP09 Formació i Orientació Laboral
Totes les UFs del modul
MP10 Empresa i iniciativa emprenedora
Totes les UFs del modul
MP11 Anglès
Totes les UFs del modul
MP12 Síntesi
Totes les UFs del modul
CETI Ciberseguretat en Entorns de les Tecnologies de la Informació
Tots els mòduls del cicle
CiberOT Ciberseguretat en Entorns d'Operació
Tots els mòduls del cicle
android_recyclerview

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:

Reciclatge d'elements gràfics

recycling-items.jpg

MVC ampliat i Adapter

listview-adapter.jpg

  • 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

Implementa una aplicació de captació d'imatges com la descrita a Android Camera que s'enregistrin en l'espai d'emmagatzematge compartit de l'aplicació.

Visualitza les imatges enregistrades en una nova Activity que visualitzi a mode de «galeria d'imatges» pròpies de la nostra app.

El dataset pot ser una llista d'elements File que podem llistar de l'espai d'emmagatzematge compartit de la nostra aplicació.

android_recyclerview.txt · Darrera modificació: 2023/12/18 23:19 per enric_mieza_sanchez