bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí: • java_lectura_escriptura • vcs • unity_ar • accedint_mongodb • scrum_projecte • kotlin • decompilacio_apps_android • android_listview • mysql_aes • django_heroku
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 [2025/10/27 09:41]
enric_mieza_sanchez 		android_listview [2025/10/27 15:25] (actual)
enric_mieza_sanchez
Línia 44: Línia 44:
 \\ \\
  
-===== Exemple ArrayList simplificat =====+==== Codi taula de rècords ====
  
-  * Referència: [[https://gist.github.com/emieza/b918305010be198c037252f402821fef|codi d'exemple amb ArrayAdapter]]. +<WRAP info> 
-  * Exemple d'una taula de rècords amb nom del jugador i intents. +Fixeu-vos en què: 
-  * Utilitza un ''list_item'' personalitzat. +  * Hi ha els 3 elements: records (model) <-> adapter (ArrayAdapter) <-> listView 
-  * No creem una classe derivada de ''ArrayAdapter'': simplement instanciem un de genèric (línia 43) i sobreescrivim el mètode ''getView''. +  * L'''adapter'' es pot crear com una classe derivada, o bé un **objecte particularitzat**. En aquest cas és la 2a opció (objecte particularitzat "inline"). 
- +  * Dintre de ''adapter.getView'' es realitza el **reciclatge**: si ens ve un objecte ''null'', l'inicialitzem amb el ''LayoutInflater''. Si no és ''null'', el reciclem sobreescrivint i modificant les dades. 
-**Segueix abaix per veure el codi** +</WRAP>
- +
-==== 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 ====+
  
 <tabbox Kotlin> <tabbox Kotlin>
Línia 100: Línia 62:
  
     // ArrayAdapter serà l'intermediari amb la ListView     // ArrayAdapter serà l'intermediari amb la ListView
-    var adapter: ArrayAdapter<Record>? = null+    lateinit var adapter: ArrayAdapter<Record>
  
     override fun onCreate(savedInstanceState: Bundle?) {     override fun onCreate(savedInstanceState: Bundle?) {
Línia 128: Línia 90:
                 }                 }
                 // pintem imatge                 // pintem imatge
-                val bitmap = BitmapFactory.decodeStream( assets.open("ieti_petjada.png") )+                val bitmap = BitmapFactory.decodeStream( assets.open("ieti_logo.png") )
                 convertView.findViewById<ImageView>(R.id.imageView).setImageBitmap( bitmap )                 convertView.findViewById<ImageView>(R.id.imageView).setImageBitmap( bitmap )
-                // "Pintem" valors (també quan es refresca)+                // "Pintem" valors (quan es refresca)
                 convertView.findViewById<TextView>(R.id.nom).text = getItem(pos)?.nom                 convertView.findViewById<TextView>(R.id.nom).text = getItem(pos)?.nom
                 convertView.findViewById<TextView>(R.id.intents).text = getItem(pos)?.intents.toString()                 convertView.findViewById<TextView>(R.id.intents).text = getItem(pos)?.intents.toString()
Línia 230: Línia 192:
   * Crea un nou //layout// amb el nom ''list_item.xml'' que serà el //placeholder// per cada element de la llista. Pots crear-ho amb <code>File -> New -> Layout Resource File</code>   * Crea un nou //layout// amb el nom ''list_item.xml'' que serà el //placeholder// per cada element de la llista. Pots crear-ho amb <code>File -> New -> Layout Resource File</code>
     * 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 al layout 2 ''TextView'' amb IDs ''nom'' i ''intents''
   * Afegeix un botó al //layout// ''activity_main.xml'' 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>
Línia 237: Línia 199:
 ==== Exercici 2 ==== ==== Exercici 2 ====
 <WRAP todo> <WRAP todo>
-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.+Afegeix un botó **Afegir rècord** que ens ofereixi un ''Dialog'' per entrar nom i rècord.
 </WRAP> </WRAP>
  
Línia 243: Línia 205:
 ==== 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): 
 + 
 +{{ android:listilla1.png?200 }} 
 + 
 +Solució 1: 
 +  * Afegeix una ''ImageView'' amnb ID "imageView" al ''list_item.xml''. 
 +  * Arranja el //layout// perquè quedi com a la imatge anterior aproximadament. 
 +  * Afegeix la carpeta ''app/src/main/**assets**'' al projecte. 
 +  * Afegeix una foto arrossegant-la sobre la vista de projecte d'Android Studio. 
 +  * La podràs fer servir amb el codi de l'exemple:<code kotlin> 
 +val bitmap = BitmapFactory.decodeStream( assets.open("ieti_logo.png") ) 
 +convertView.findViewById<ImageView>(R.id.imageView).setImageBitmap( bitmap ) 
 +</code> 
 + 
 +Solució 2:
   * Ves a la view de projecte de l'Android Studio. Visualitza la carepta <code>res -> drawable</code>   * Ves a la view de projecte de l'Android Studio. Visualitza la carepta <code>res -> drawable</code>
   * Importar una imatge arrossegant-la dins de ''Drawable''.   * Importar una imatge arrossegant-la dins de ''Drawable''.
Línia 251: Línia 227:
   * Afegeix diverses imatges als //resources// i aleatoritza l'assignació d'imatges a cada element ''Record''.   * Afegeix diverses imatges als //resources// i aleatoritza l'assignació d'imatges a cada element ''Record''.
  
-{{ android:listilla1.png?200 }} 
 </WRAP> </WRAP>
  
android_listview.1761558119.txt.gz · Darrera modificació: 2025/10/27 09:41 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