bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí: • django_lliga • vagrant_dotnet • entorn_grafic_docker • sql_injection • android_recyclerview • ftp_aws • vagrant_ubuntu_libvirt • django_heroku • android_imatges • playground
android_listview

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_listview [2022/10/10 10:06]
enrique_mieza_sanchez 		android_listview [2024/10/29 19:06] (actual)
enric_mieza_sanchez
Línia 6: Línia 6:
   * ''ListView'' és un //widget// obsolet.   * ''ListView'' és un //widget// obsolet.
   * Es manté per //backward compatibility//.   * Es manté per //backward compatibility//.
-  * Substitut actual: ''RecycleView'' més complicat d'utilitzar+  * //Widget// recomanat actual: [[Android RecyclerView]] (però més complicat d'utilitzar).
  
 Referències: Referències:
-  * Article [[Android]] a aquesta wiki.+  * Article [[Android]] en aquesta wiki. 
 +  * [[Android RecyclerView]] en aquesta wiki.
   * [[https://github.com/codepath/android_guides/wiki/Using-an-ArrayAdapter-with-ListView|Tutorial d'utilització de ListView d'Android]]   * [[https://github.com/codepath/android_guides/wiki/Using-an-ArrayAdapter-with-ListView|Tutorial d'utilització de ListView d'Android]]
   * [[https://gist.github.com/emieza/b918305010be198c037252f402821fef|Codi d'exemple més simple d'utilització d'una ListView]]   * [[https://gist.github.com/emieza/b918305010be198c037252f402821fef|Codi d'exemple més simple d'utilització d'una ListView]]
  
-{{tag> #Dam #DamMp08 #DamMp08Uf1 #DamMp08Uf01 }}+{{tag> #Dam #DamMp08 #DamMp08Uf1 #DamMp08Uf01 android MVC java mobile}}
  
 ==== Perquè és complicada una ListView? ==== ==== Perquè és complicada una ListView? ====
Línia 50: Línia 51:
   * No creem una classe derivada de ''ArrayAdapter'': simplement instanciem un de genèric (línia 43) i sobreescrivim el mètode ''getView''.   * No creem una classe derivada de ''ArrayAdapter'': simplement instanciem un de genèric (línia 43) i sobreescrivim el mètode ''getView''.
  
-==== Codi taula de rècords ==== +**Segueix abaix per veure el codi** 
-<sxh java>+ 
 +==== Connexió (simplificada) Model - Adapter - View ==== 
 + 
 +<code java> 
 +public class MainActivity extends AppCompatActivity { 
 +    ArrayList<Record> records;    // Model Taula de records (ArrayList) 
 +    ArrayAdapter<Record> adapter; // l'Adapter serà l'intermediari amb la ListView 
 + 
 +    @Override 
 +    protected void onCreate(Bundle savedInstanceState) { 
 +        // Creem llista de records, etc... 
 + 
 +        // Inicialitzem l'Adapter i el connectem amb el Model (records) 
 +        adapter = new ArrayAdapter<Record>( this, R.layout.list_item, records ) 
 +        { 
 +            @Override 
 +            public View getView(int pos, View convertView, ViewGroup container) 
 +            { 
 +                // "inflem" el Layout a partir de l'XML 
 +                convertView = getLayoutInflater().inflate(R.layout.list_item, container, false); 
 +                // transferim dades del Model als widgets per a l'element en la posició "pos" 
 +                ((TextView) convertView.findViewById(R.id.nom)).setText(getItem(pos).nom); 
 +            } 
 + 
 +        }; 
 + 
 +        // Connectem Adapter amb la View 
 +        ListView lv = (ListView) findViewById(R.id.recordsView); 
 +        lv.setAdapter(adapter); 
 +         
 +        // Creem la resta d'elements de l'app... 
 +    } 
 +} 
 + 
 +</code> 
 + 
 + 
 +==== Codi complert taula de rècords ==== 
 +<file java MainActivity.java>
 package com.example.listilla; package com.example.listilla;
  
Línia 121: Línia 160:
             @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, "Anonymous"));                     records.add(new Record(100, "Anonymous"));
                 }                 }
Línia 131: Línia 170:
 } }
  
-</sxh>+</file>
  
  
 ===== Exercicis ===== ===== Exercicis =====
  
-=== Exercici 1 ===+==== Exercici 1 ====
 <WRAP todo> <WRAP todo>
 Implementa el codi d'exemple en un nou projecte anomenat "Listilla". Implementa el codi d'exemple en un nou projecte anomenat "Listilla".
Línia 146: Línia 185:
     * Transforma el seu layout per defecte a LinearLayout.     * Transforma el seu layout per defecte a LinearLayout.
     * Afegiex 2 ''TextView'' amb IDs ''nom'' i ''intents''.     * Afegiex 2 ''TextView'' amb IDs ''nom'' i ''intents''.
-  * Afegeix un botó amb ID = ''button''. Servirà per afegir ítems al ''ListView'' i comprovar el //scroll// del ''ListView''.+  * Afegeix un botó al //layout// ''activity_main.xml'' amb ID = ''button''. Servirà per afegir ítems al ''ListView'' i comprovar el //scroll// del ''ListView''.
 </WRAP> </WRAP>
  
  
-=== Exercici 2 ===+==== Exercici 2 ====
 <WRAP todo> <WRAP todo>
-Randomitza la generació d'entrades a la taula, generant nº d'intents variats i noms trets d'una llista d'uns 15 o 20 elements.+Randomitza la generació d'entrades a la taula, generant nº d'intents variats i noms i cognoms mesclant-los de dues llistes d'uns 15 o 20 elements.
 </WRAP> </WRAP>
  
  
-=== Exercici 3 ===+==== Exercici 3 ====
 <WRAP todo> <WRAP todo>
 Afegeix una imatge als elements de la llista (imatge fixa). Per fer-ho hauràs de: Afegeix una imatge als elements de la llista (imatge fixa). Per fer-ho hauràs de:
-  * Afegir la imatge a la carpeta ''drawables'' dels ''res'' (resources). +  * Ves a la view de projecte de l'Android Studio. Visualitza la carepta <code>res -> drawable</code> 
-  * Modificar el ''list_item.xml'' i afegir-hi una ImageView amb la imatge anterior.+  * Importar una imatge arrossegant-la dins de ''Drawable''. 
 +  * Modificar el ''list_item.xml'' i afegir-hi una ''ImageView'' amb la imatge anterior. 
 +  * Modifica el //layout// del ''list_item'' perquè et quedi com la imatge suggerida adjunta. 
 +    * Pista: pots combinar diversos //LinearLayout// horitzontals i verticals per aconseguir el resultat desitjat. 
 +  * Afegeix diverses imatges als //resources// i aleatoritza l'assignació d'imatges a cada element ''Record''. 
 + 
 +{{ android:listilla1.png?200 }}
 </WRAP> </WRAP>
  
  
-=== Exercici 4 ===+==== Exercici 4 ====
 <WRAP todo> <WRAP todo>
 Afegeix un botó que ordeni la llista del model, i que refresqui la ''ListView''. Afegeix un botó que ordeni la llista del model, i que refresqui la ''ListView''.
android_listview.1665396408.txt.gz · Darrera modificació: 2022/10/10 10:06 per enrique_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