bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí:
android_recyclerview

Diferències

Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.

Enllaç a la visualització de la comparació

Ambdós costats versió prèvia Revisió prèvia
Següent revisió 		Revisió prèvia
android_recyclerview [2023/12/18 22:44]
enric_mieza_sanchez 		android_recyclerview [2025/12/31 17:48] (actual)
enric_mieza_sanchez [Exercici]
Línia 1: Línia 1:
 ====== 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.+''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 [[https://es.wikipedia.org/wiki/Modelo-vista-controlador|paradigma MVC]], necessitarà un objecte intermig ''Adapter'' que ens enllaça la part gràfica amb la part de model.
  
 Referències: Referències:
Línia 8: Línia 8:
   * [[Android Camera]]   * [[Android Camera]]
   * [[https://developer.android.com/develop/ui/views/layout/recyclerview|Doc oficial Android RecyclerView]].   * [[https://developer.android.com/develop/ui/views/layout/recyclerview|Doc oficial Android RecyclerView]].
 +  * Un [[https://stackoverflow.com/questions/40584424/simple-android-recyclerview-example|exemple alternatiu de creació de RecyclerView]].
 +
 +{{tag> #Dam #DamMp08 #DamMp08Uf1 #DamMp08Uf01 #DamMp08Uf2 #DamMp08Uf02 Android mobile java MVC }}
 +
  
 ===== Reciclatge d'elements gràfics ===== ===== Reciclatge d'elements gràfics =====
Línia 42: Línia 46:
     - layout_height = "wrap_content"     - layout_height = "wrap_content"
   - Canviar al CustomAdapter: R.layout.text_row_item per R.layout.item_layout   - Canviar al CustomAdapter: R.layout.text_row_item per R.layout.item_layout
-  - afegir al ''onCreate()'' de la ''Activity'':<code java> +  - Afegir a ''Activity.onCreate()'' (l'exemple de la doc oficial és incomplert):<code java> 
-String []dataset = { "hola q tral", "com va", "tercer element" };+String []dataset = { "hola q tal", "com va", "tercer element" };
 customAdapter = new CustomAdapter(dataset); customAdapter = new CustomAdapter(dataset);
 RecyclerView recyclerView = findViewById(R.id.recyclerView); RecyclerView recyclerView = findViewById(R.id.recyclerView);
 +RecyclerView.LayoutManager lm = new LinearLayoutManager(this);
 +recyclerView.setLayoutManager(lm);
 recyclerView.setAdapter(customAdapter); recyclerView.setAdapter(customAdapter);
 </code> </code>
  
 Si no veieu elements de la llista al ''RecyclerView'', revisa: Si no veieu elements de la llista al ''RecyclerView'', revisa:
-  - Que hagis posat un ''LayoutManager'', sense aquest element no funciona el ''RecyclerView''+  - 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é).
   - 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.   - 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.
 +  - 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ó:
 +  - Millorant els ''item_layout.xml'' i afegint-hi elements com ''ImageView'', etc.
 +  - Prova amb la ''GridLayoutManager'' enlloc del ''LinearLayoutManager''.
 +  - Modificant els elements del model. Caldrà canviar:
 +    - El propi ''dataset'' que podria ser un ''ArrayList'' o similar d'objectes amb diversos atributs.
 +    - El //template// del ''CustomLayout'' i canviant del ''String'' de l'exemple a l'objecte desitjat.
 +
 +\\
 +
 +===== Exercici =====
 +<WRAP todo>
 +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ó. 
 +</WRAP>
 +
 +\\
 +
 +===== Implementar onClick (amb funcions lambda) =====
 +
 +La implementació amb **funcions lambda** és més sofisticada, i té l'avantatge de tenir el codi més curt.
 +
 +Per implementar un onClick cal modificar:
 +  * El ''CustomAdapter''
 +  * La instanciació del ''CustomAdapter'' a la ''Activity'' (amb la funció lambda)
 +
 +A l'''Adapter'' afegim un nou atribut ''onItemClick'' al constructor:
 +
 +<file kotlin CustomAdapter.kt>
 +class MyAdapter(
 +    private val dataList: List<String>,
 +    private val onItemClick: (Int) -> Unit
 +) : RecyclerView.Adapter<MyViewHolder>() {
 +    
 +    override fun onBindViewHolder(holder: MyViewHolder, position: Int) {
 +        holder.itemView.setOnClickListener {
 +            onItemClick(position)
 +        }
 +    }
 +}
 +</file>
 +
 +A la instanciació de l'''Adapter'' dins la ''Activity'' afegim la funció lambda que ens retorna la ''position'' del l'element clicat:
  
 +<file kotlin MainActivity.kt>
 +val adapter = MyAdapter(dataList) { position ->
 +    // Manejar el clic aquí
 +    Toast.makeText(this, "Clic: $position", Toast.LENGTH_SHORT).show()
 +}
 +</file>
  
android_recyclerview.1702939493.txt.gz · Darrera modificació: 2023/12/18 22:44 per enric_mieza_sanchez

Eines de la pàgina

Excepte on es digui una altra cosa, el contingut d'aquest wiki està subjecte a la llicència següent: CC Attribution-Share Alike 4.0 International
CC Attribution-Share Alike 4.0 International Donate Powered by PHP Valid HTML5 Valid CSS Driven by DokuWiki