Ací es mostren les diferències entre la revisió seleccionada i la versió actual de la pàgina.
Ambdós costats versió prèvia Revisió prèvia Següent revisió | Revisió prèvia | ||
android_listview [2021/10/15 15:29] enrique_mieza_sanchez [Exemple ArrayList simplificat] |
android_listview [2023/12/18 22:48] (actual) enric_mieza_sanchez |
||
---|---|---|---|
Línia 1: | Línia 1: | ||
+ | ~~REVEAL~~ | ||
+ | |||
====== Utilitzant ListView a Android ====== | ====== Utilitzant ListView a Android ====== | ||
+ | Aquest article segueix del principal [[Android]] en aquesta wiki. | ||
- | Una '' | + | * '' |
+ | * Es manté per //backward compatibility// | ||
+ | * //Widget// recomanat | ||
Referències: | Referències: | ||
+ | * Article [[Android]] en aquesta wiki. | ||
+ | * [[Android RecyclerView]] en aquesta wiki. | ||
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
- | {{tag> #Dam #DamMp08 #DamMp08Uf1 # | + | {{tag> #Dam #DamMp08 #DamMp08Uf1 # |
- | ===== Perquè és complicada una ListView? | + | ==== Perquè és complicada una ListView? ==== |
Com veurem ara a l'hora d' | Com veurem ara a l'hora d' | ||
+ | ===== Reciclatge d' | ||
{{recycling-views.png? | {{recycling-views.png? | ||
+ | ===== Reciclatge d' | ||
{{recycling-items.jpg? | {{recycling-items.jpg? | ||
- | 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. | + | Com podem veure a la imatge, 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 ===== | + | ===== MVC ampliat i Adapter ===== |
- | Tota '' | + | |
- | En Android, degut a que necessitem la gestió del reciclatge dels ítems gràfics, ens apareix un element extra anomenat '' | + | {{ listview-adapter.jpg?direct }} |
- | {{ listview-adapter.jpg? | + | * Tota '' |
+ | * En altres entorns segurament trobaríem una connexió més simple: | ||
+ | * Model de dades (Ex. '' | ||
+ | * El codi de Controlador podria estar en altres objectes de l' | ||
+ | * En Android, degut a que necessitem la gestió del reciclatge dels ítems gràfics, ens **apareix un element extra anomenat '' | ||
+ | ==== Layouts ==== | ||
Per a cada element (item) de la '' | Per a cada element (item) de la '' | ||
Línia 32: | Línia 45: | ||
===== Exemple ArrayList simplificat ===== | ===== Exemple ArrayList simplificat ===== | ||
- | Podeu veure en [[https:// | ||
- | En aquest | + | * Referència: |
+ | * Exemple d'una taula de rècords | ||
+ | * Utilitza | ||
+ | * No creem una classe derivada de '' | ||
- | <sxh java> | + | ==== Codi taula de rècords ==== |
+ | <file java> | ||
package com.example.listilla; | package com.example.listilla; | ||
Línia 106: | Línia 122: | ||
@Override | @Override | ||
public void onClick(View v) { | public void onClick(View v) { | ||
- | for (int i=0;i<500;i++) { | + | for (int i=0;i<3;i++) { |
records.add(new Record(100, " | records.add(new Record(100, " | ||
} | } | ||
Línia 116: | Línia 132: | ||
} | } | ||
- | </sxh> | + | </file> |
===== Exercicis ===== | ===== Exercicis ===== | ||
+ | ==== Exercici 1 ==== | ||
<WRAP todo> | <WRAP todo> | ||
Implementa el codi d' | Implementa el codi d' | ||
Línia 127: | Línia 144: | ||
* Arregla el '' | * Arregla el '' | ||
* Afegeix al '' | * Afegeix al '' | ||
- | * Afegeix | + | * Crea un nou // |
- | * Afegeix un botó amb ID = '' | + | * Transforma el seu layout per defecte a LinearLayout. |
+ | * Afegiex | ||
+ | * Afegeix un botó al //layout// '' | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== Exercici 2 ==== | ||
+ | <WRAP todo> | ||
+ | Randomitza la generació d' | ||
+ | </ | ||
+ | |||
+ | |||
+ | ==== Exercici 3 ==== | ||
+ | <WRAP todo> | ||
+ | Afegeix una imatge als elements de la llista (imatge fixa). Per fer-ho hauràs de: | ||
+ | * Ves a la view de projecte de l' | ||
+ | * Importar una imatge arrossegant-la dins de '' | ||
+ | * Modificar el '' | ||
+ | * Modifica el //layout// del '' | ||
+ | * Pista: pots combinar diversos // | ||
+ | * Afegeix diverses imatges als // | ||
+ | |||
+ | {{ android: | ||
</ | </ | ||
+ | ==== Exercici 4 ==== | ||
<WRAP todo> | <WRAP todo> | ||
Afegeix un botó que ordeni la llista del model, i que refresqui la '' | Afegeix un botó que ordeni la llista del model, i que refresqui la '' |