bytes.cat

La wiki d'FP d'informàtica

Eines de l'usuari

Eines del lloc

Camí: • kotlin • docker-multicontainer • opendata_pandas • vcs • django_docker • android_listview • introduccio_javascript • unity_ar • java_lectura_escriptura • accedint_mongodb
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 12:30]
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 (quan es refresca)                 // "Pintem" valors (quan es refresca)
Línia 244: Línia 206:
 <WRAP todo> <WRAP todo>
 Afegeix una imatge als elements de la llista (imatge fixa): 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''.   * 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 la carpeta ''app/src/main/**assets**'' al projecte.
   * Afegeix una foto arrossegant-la sobre la vista de projecte d'Android Studio.   * 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>   * La podràs fer servir amb el codi de l'exemple:<code kotlin>
-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 )
 </code> </code>
Línia 260: 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.1761568208.txt.gz · Darrera modificació: 2025/10/27 12:30 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