Eines de l'usuari
android_listview
Diferències
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 [2024/10/29 19:06] 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:// | + | <WRAP info> |
| - | * Exemple d'una taula de rècords amb nom del jugador i intents. | + | Fixeu-vos en què: |
| - | * Utilitza un '' | + | * Hi ha els 3 elements: records (model) <-> adapter (ArrayAdapter) <-> listView |
| - | * No creem una classe derivada | + | * L''' |
| + | * Dintre | ||
| + | </ | ||
| - | **Segueix abaix per veure el codi** | + | <tabbox Kotlin> |
| - | ==== Connexió | + | <file kotlin MainActivity.kt> |
| + | class MainActivity : AppCompatActivity() { | ||
| + | // Model: ArrayList de Record (intents=puntuació, nom) | ||
| + | class Record(var intents: Int, var nom: String) | ||
| + | var records: ArrayList< | ||
| - | <code java> | + | |
| - | public class MainActivity extends AppCompatActivity { | + | lateinit var adapter: ArrayAdapter< |
| - | ArrayList< | + | |
| - | | + | |
| - | | + | |
| - | protected void onCreate(Bundle | + | |
| - | | + | enableEdgeToEdge() |
| + | setContentView(R.layout.activity_main) | ||
| + | ViewCompat.setOnApplyWindowInsetsListener(findViewById(R.id.main)) { v, insets -> | ||
| + | val systemBars = insets.getInsets(WindowInsetsCompat.Type.systemBars()) | ||
| + | v.setPadding(systemBars.left, | ||
| + | insets | ||
| + | } | ||
| - | // Inicialitzem l'Adapter i el connectem | + | |
| - | adapter = new ArrayAdapter< | + | records.add(Record(33, |
| + | records.add(Record(12, | ||
| + | records.add(Record(42, | ||
| + | |||
| + | | ||
| + | adapter = object : ArrayAdapter< | ||
| { | { | ||
| - | @Override | + | |
| - | public View getView(int pos, View convertView, ViewGroup | + | // getView ens construeix el layout i hi "pinta" |
| - | | + | |
| - | // "inflem" | + | if (convertView == null) { |
| - | convertView = getLayoutInflater().inflate(R.layout.list_item, | + | // inicialitzem l' |
| - | // transferim dades del Model als widgets per a l' | + | |
| - | ((TextView) convertView.findViewById(R.id.nom)).setText(getItem(pos).nom); | + | } |
| + | // pintem imatge | ||
| + | val bitmap = BitmapFactory.decodeStream( assets.open("ieti_logo.png") ) | ||
| + | | ||
| + | // " | ||
| + | | ||
| + | convertView.findViewById< | ||
| + | return convertView | ||
| } | } | ||
| + | } | ||
| - | | + | |
| + | val lv = findViewById< | ||
| + | lv.setAdapter(adapter) | ||
| - | // Connectem Adapter amb la View | ||
| - | ListView lv = (ListView) findViewById(R.id.recordsView); | ||
| - | lv.setAdapter(adapter); | ||
| - | | ||
| - | // Creem la resta d' | ||
| } | } | ||
| } | } | ||
| + | </ | ||
| - | </code> | + | <tabbox Java> |
| - | |||
| - | ==== Codi complert taula de rècords ==== | ||
| <file java MainActivity.java> | <file java MainActivity.java> | ||
| - | package com.example.listilla; | ||
| - | |||
| - | import android.os.Bundle; | ||
| - | import android.view.View; | ||
| - | import android.view.ViewGroup; | ||
| - | import android.widget.*; | ||
| - | |||
| - | import androidx.appcompat.app.AppCompatActivity; | ||
| - | |||
| - | import java.util.ArrayList; | ||
| - | |||
| public class MainActivity extends AppCompatActivity { | public class MainActivity extends AppCompatActivity { | ||
| Línia 171: | Línia 179: | ||
| </ | </ | ||
| + | </ | ||
| ===== Exercicis ===== | ===== Exercicis ===== | ||
| Línia 184: | Línia 192: | ||
| * Crea un nou //layout// amb el nom '' | * Crea un nou //layout// amb el nom '' | ||
| * Transforma el seu layout per defecte a LinearLayout. | * Transforma el seu layout per defecte a LinearLayout. | ||
| - | * Afegiex 2 '' | + | * Afegiex |
| * Afegeix un botó al //layout// '' | * Afegeix un botó al //layout// '' | ||
| </ | </ | ||
| Línia 191: | 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 '' |
| </ | </ | ||
| Línia 197: | Línia 205: | ||
| ==== Exercici 3 ==== | ==== Exercici 3 ==== | ||
| <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: | ||
| + | |||
| + | Solució 1: | ||
| + | * Afegeix una '' | ||
| + | * Arranja el //layout// perquè quedi com a la imatge anterior aproximadament. | ||
| + | * Afegeix la carpeta '' | ||
| + | * Afegeix una foto arrossegant-la sobre la vista de projecte d' | ||
| + | * La podràs fer servir amb el codi de l' | ||
| + | val bitmap = BitmapFactory.decodeStream( assets.open(" | ||
| + | convertView.findViewById< | ||
| + | </ | ||
| + | |||
| + | Solució 2: | ||
| * Ves a la view de projecte de l' | * Ves a la view de projecte de l' | ||
| * Importar una imatge arrossegant-la dins de '' | * Importar una imatge arrossegant-la dins de '' | ||
| Línia 205: | Línia 227: | ||
| * Afegeix diverses imatges als // | * Afegeix diverses imatges als // | ||
| - | {{ android: | ||
| </ | </ | ||
android_listview.1730228780.txt.gz · Darrera modificació: 2024/10/29 19:06 per enric_mieza_sanchez
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
