[Facile] ListView con Custom Adapter

Livello di difficoltà: facile.
Versione target SDK utilizzata: 19.
Versione minima SDK: 8.

In questo tutorial spiegherò come realizzare una ListView con un adattatore personalizzato, in base alle proprie esigenze. Per questa guida l'adapter sarà composto semplicemente da una ImageView e due TextView. Iniziamo!

Per prima cosa è necessario creare il layout collegato all'activity principale, che avrà come unico elemento una semplice ListView. Andiamo quindi in /res/layout/ apriamo il file activity_main.xml e inseriamo al suo interno:

 <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" xmlns:tools="http://schemas.android.com/tools" android:layout_width="fill_parent" android:layout_height="fill_parent" tools:context=".MainActivity" > <ListView android:id="@+id/listView1" android:layout_width="fill_parent" android:layout_height="fill_parent" > </ListView> </RelativeLayout> 

Quindi rechiamoci nell'Activity principale in /src/ e apriamo MainActivity.java. Inseriamo:

 public class MainActivity extends Activity { String[] testi, sottoTesti; Adapter adapter; ListView lista; @Override protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main); lista = (ListView)findViewById(R.id.listView1); lista.setFastScrollEnabled(true); testi = new String[] {"Prova", "Prova, "Prova"}; sottoTesti = new String[] {"Sub", "Sub", "Sub"}; adapter = new Adapter(this, testi, sottoTesti); lista.setAdapter(adapter); lista.setOnItemClickListener(new OnItemClickListener() { @Override public void onItemClick(AdapterView<?> arg0, View arg1, int arg2, long arg3) { // TODO Auto-generated method stub Toast.makeText(getBaseContext(), "Hai cliccato "+arg2+" con id "+arg3, Toast.LENGTH_SHORT).show(); } }); } } 

Le prime tre righe di codice prevedono la dichiarazione di due array di stringhe (String[]), l'Adapter (che creeremo tra poco) e la ListView. Per creare l'Adapter torniamo nuovamente in /res/layout/ e creiamo un nuovo file che chiameremo adapter.xml. Inseriamo:

<?xml version="1.0" encoding="utf-8"?> <RelativeLayout xmlns:android="http://schemas.android.com/apk/res/android" android:layout_width="match_parent" android:layout_height="match_parent" > <TextView android:id="@+id/textView1" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_alignParentTop="true" android:layout_toRightOf="@+id/imageView" android:textStyle="bold" /> <TextView android:id="@+id/textView2" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_below="@+id/textView1" android:layout_toRightOf="@+id/imageView" android:textStyle="italic" /> <ImageView android:id="@+id/imageView" android:layout_width="50dip" android:layout_height="50dip" android:layout_alignParentLeft="true" android:src="@drawable/ic_launcher" /> </RelativeLayout>

Quindi, di nuovo in /src/ creiamo una classe che chiamiamo Adapter.java, nella quale inseriremo:

public class Adapter extends ArrayAdapter<String>{ String[] testo, sottoTesto; Context context; Holder holder; public Adapter(Context context, String[] testo, String[] sottoTesto) { super(context, R.layout.adapter, testo); // TODO Auto-generated constructor stub this.testo = testo; this.sottoTesto = sottoTesto; this.context = context; } public View getView(int position, View view, ViewGroup parent) { if(view == null) { holder = new Holder(); LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); view = inflater.inflate(R.layout.adapter, null, true); holder.textView = (TextView)view.findViewById(R.id.textView1); holder.textView2 = (TextView)view.findViewById(R.id.textView2); holder.textView.setText(testo[position]); holder.textView2.setText(sottoTesto[position]); view.setTag(holder); } else { holder = (Holder)view.getTag(); } return view; } } class Holder { TextView textView, textView2; }

Come vedete il costruttore prevede tre parametri: il contesto, l'array di stringhe dei testi e dei sotto-testi. Il metodo getView() è molto importante. Esso si occupa della gestione del singolo elemento dalla lista. I parametri al suo interno sono: la posizione, view e parent. Soffermiamoci su questi ultimi due: il parametro view, se opportunamente ottimizzato ci permette di rendere la lista molto fluida nello scroll ed evitare quindi i fastidiosi lag dovuti, appunto, alla mancata ottimizzazione. In maniera spicciola, view ci consente di riciclare l'eventuale View che anzichè essere "rigenerata" viene riciclata, ragion per cui viene fatto il controllo. Se è nulla, tramite l'operazione di Inflating la creiamo, altrimenti la ricicliamo. Il parametro parent è il contenitore avente il compito di raccogliere gli elementi generati dal metodo getView(). Generalmente è la ListView stessa. L'oggetto Holder consente di memorizzare il riferimento alle View in ogni singola riga della lista. Tramite il metodo setTag() associamo l'oggetto Holder alla View, per poi riottenerlo col getTag(). Questi piccoli accorgimenti nel complesso rendono la lista efficiente, evitando sprechi di risorse, di memoria, oltre che evitano il presentarsi di lag/impuntamenti.

Questo è tutto. Per ulteriori chiarimenti potete scrivere in questa discussione. Un ringraziamento speciale all'utente supertommino.

Riservato per future aggiunte.

Al click sulla riga non è chiaro però a quale activity della mia app si viene indirizzati. Come si può fare ciò ?

Il codice quando fai tap su una riga ti mostra in un Toast dice quale riga hai premuto, non viene lanciata nessuna activity.

Per lanciare una activity specifica come faccio?
Ho inserito più Intent in corrispondenza di ogni activity da visitare ma mi visita sempre la medesima activity. Posso spostare il codice?

Scusate postare...

@sebastiano74, posta il codice.

di seguito il codice Java:

All'interno del metodo OnCreate

String[] accessori = { "Wind.it", "Digital Store Wind", "Play Store", "eBay", "Amazon", "Samsung Store", "Apple Store", "Windows Store", "Disney Store"};

ArrayAdapter<String> adapter=new ArrayAdapter<String>(this,android.R.layout.simple_ list_item_1,accessori);
ListView lv= (ListView) findViewById(R.id.elencoaccessori);
lv.setAdapter(adapter);

lv.setOnItemClickListener(new AdapterView.OnItemClickListener() { @Override
public void onItemClick(AdapterView<?> adattatore, final View componente, int pos, long id) {
//recupero il titolo memorizzato nella riga tramite l'ArrayAdapter
final String titolo = (String) adattatore.getItemAtPosition(pos);
//al click compare il testo del titolo della riga per qualche secondo
Toast.makeText(getApplicationContext(), titolo, Toast.LENGTH_SHORT).show();

Fino a qui tutto ok, funziona tutto
Adesso vorrei inserire su ogni riga visualizzata un link di collegamento ad un'altra MainActivity.
Dopo il Toast ho inserite il seguente codice:

Intent visit_wind = new Intent(MainActivity_3_canali.this, MainActivity_wind.class);
startActivity(visit_wind);

Ma ho notato che in questo modo tutte le righe della mia ListView mi portano sulla MainActivity_wind.
Come posso indirizzare ogni singola riga della LisView alla sua MainActivity specifica???

Ma come fare se i valori che devo inserire nella listview sono dei dati presi nel DB?

Basta avere un metodo che restituisce un Array con i valori recuperati dal Database SQLite e passare quello all'Adapter. Qui trovi istruzioni su come creare questo metodo: How to retrieve data from sqlite database in android and display it in TextView - Stack Overflow.

Guardando l esempio nn riesco a capire come fa.. Vi potrei postare il mio pezzo d codice?

Ma dovrei creare un adapter?

Per prima cosa sarebbe bene specificare che cosa vuoi fare altrimenti è difficile darti consigli mirati.

P.S. Ti ho unito i messaggi. Non farne due consecutivi, modifica il primo.

Non riesco a mettere il risultato di una query in un array per passarlo nell adapter. In pratica i risultati ottenuti da una query.. Gli vorrei visualizzare in una listview. Ogni riga della listview apre pagine differenti a seconda della riga premuta.

Posta il codice. Vediamo intanto cosa hai fatto di tuo pugno.

in caso dovreilavorare con dati presi dal database sqlite?

non riesco a capire come caricare la mia lista.. ho due textview e i dati vengono prelevati dal db sqlite
posto il codice:
1)creo l'activity con la listview
<ListView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/listView" android:layout_below="@+id/textView" android:layout_alignParentStart="true" android:layout_alignParentBottom="true" />

2)Main_activity
private DbHelper helper =new DbHelper(this); // private DbHelper helper = null; // helper= new DbHelper(this); ListView listView; EditText editText; Button button; @<a href="https://www.androidiani.com/forum/members/override.html" target="_blank">Override</a> protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.salsicce); //per settare actionBar String C = "#ff8823"; ActionBar actionBar = getActionBar(); actionBar.setBackgroundDrawable(new ColorDrawable(Color.parseColor(C))); // impostare colore desiderato actionBar listView = (ListView) findViewById(R.id.listView); listView.setFastScrollEnabled(true); editText = (EditText) findViewById(R.id.editText); button = (Button) findViewById(R.id.button); final SQLiteDatabase db = helper.getReadableDatabase();//sola lettura x fare query Intent intent = getIntent(); // l'intent di questa activity String Salsiccia = getPackageName(); //prendere stringa passata final String id_figlio = intent.getStringExtra(Salsiccia + ".myIn"); //prendere valore edittext cn bottone button.setOnClickListener(new View.OnClickListener(){ @<a href="https://www.androidiani.com/forum/members/override.html" target="_blank">Override</a> public void onClick(View arg0) { String Valore = editText.getText().toString(); // verifico se è vuoto if ( Valore.trim().isEmpty() ) { // visualizzo un messaggio definito in strings.xml editText.setError(getText(R.string.errore)); // attivo il controllo editText.requestFocus(); } else{ int ValoreIntero = Integer.parseInt(Valore); float ValoreFloat = Float.parseFloat(Valore); Log.d("valore edit", (Valore+" " + ValoreIntero+" " + ValoreFloat)); //valore Cursor a = db.rawQuery("SELECT valore FROM unioneingredienti WHERE idfiglio=?", new String[]{id_figlio}); a.moveToFirst(); final ArrayList<Integer> list_valore = new ArrayList<Integer>(); for (int z = 0; z < a.getCount(); z++) { Log.d("idpadre", String.valueOf((a.getInt(0)*ValoreIntero))); list_valore.add(a.getInt(0)); a.moveToNext(); } }} }); Cursor c = db.rawQuery("SELECT idingredienti FROM unioneingredienti WHERE idfiglio=?", new String[]{id_figlio}); c.moveToFirst(); final ArrayList<String> listp = new ArrayList<>(); for (int z = 0; z < c.getCount(); z++) { Cursor r = db.rawQuery("SELECT nome FROM ingredienti WHERE _id=?", new String[]{c.getString(0)}); r.moveToFirst(); for (int i = 0; i < r.getCount(); i++) { Log.d("idpadre", (r.getString(0) + c.getString(0) + r.getCount())); listp.add(r.getString(0)); r.moveToNext(); } c.moveToNext(); final ArrayAdapter<String> adapter = new ArrayAdapter<String>(this, R.layout.row_salsicce, R.id.textViewList, listp); listView.setAdapter(adapter); } 

3)creo activity che contiene le righe(2 textview) per la listview
<TextView android:id="@+id/textViewList" android:background="@drawable/color_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft" android:textSize="18sp" android:hint="nome_ingrediente" android:textStyle="bold" android:textColor="#ffffff" android:layout_centerVertical="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <TextView android:id="@+id/textViewnum" android:background="@drawable/color_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft" android:textSize="18sp" android:hint="numero" android:textStyle="bold" android:textColor="#ffffff" android:layout_alignParentTop="true" android:layout_toEndOf="@+id/textViewList" android:layout_alignParentStart="false" />

4) essendo che dovrei prendere i valori dal database sqlite non ho capito come creare l'adapter

come modifico il main_activity per fare in modo di passare due textview nella listview?
come creo l'adapter?

help!!

@Fabriziocolazzo, vediamo di dare una risposta definitiva al tuo problema.

Premessa
La ListView è un componente deprecato. Al suo posto a partire dalle API di livello 21 (Lollipop) è stato introdotto il RecyclerView, di cui ti invito a leggere la documentazione ufficiale. Pertanto, sin dalla partenza stai utilizzando una metodica obsoleta e superata. Stesso discorso per la ActionBar: rimpiazzata dalla Toolbar.

Il tuo problema
Il prelevamento dei dati da un database SQLite e l'inserimento in una lista è una delle operazioni più comuni su Android. Il tuo approccio è tuttavia poco elegante: dovresti creare una classe helper che ti aiuta nella del database con metodi setter e getter. A riguardo, seppur non dettagliatamente trovi una mia guida che ti mostra come fare: https://www.androidiani.com/forum/tu...se-sqlite.html.

Per popolare un ArrayAdapter custom devi utilizzare un ArrayList con un tuo oggetto, come trovi fatto nella qui presente guida. Ti basterebbe creare una classe "Info" con dentro tutti i campi di cui necessiti.

 public class Info { public int tuoValore; //altri dati di cui necessiti } 

E, successivamente, preferibilmente all'interno di un ciclo while e non for:

 ArrayList<Info> arrayList = new ArrayList<Info>(); while(cursor.moveToNext()) { Info info = new Info(); info.tuoValore = a.getInt(0); //altre operazioni arrayList.add(info); } 

In questo modo non solo puoi popolare l'ArrayList in un solo ciclo (anzichè due, come hai fatto) unificando le query e gestendo diversamente il blocco di codice iterativo ma è anche una soluzione semplice, efficace e performante.

Il punto tre che hai esposto è totalmente errato: tu non stai creando un'Activity con quel layout, tu stai creando una riga (row) personalizzata della ListView che poi sarà inserita attraverso il custom adapter. Il layout con le due TextView non farà parte di una Activity ma del custom adapter. Come spiegato in questa guida farai il suo inflate nel metodo getView(). Dopo che hai creato il custom adapter e popolato l'ArrayList sarà sufficiente passare al costruttore dell'Adapter i parametri richiesti (nel tuo caso basterebbe il contesto e l'ArrayList).

Suggerimenti
Il tuo codice presenta delle soluzioni poco carine. Per una migliore comprensione del codice suggerisco di:

Sostituisci l'ActionBar alla Toolbar
Per impostare il colore all'ActionBar anzichè usare tre righe di codice basterebbe fare: getActionBar().setBackgroundDrawable(new ColorDrawable(Color.parseColor("#ff8823")))
Per convenzione, in Java come in molti altri linguaggi di programmazione, il nome delle variabili andrebbe scritto in minuscolo riservando il maiuscolo solo ed esclusivamente per gli oggetti e le interfacce.

Chiedere aiuto sul forum è l'ultima spiaggia: imparare a farlo nel momento dell'effettivo bisogno è sicuramente motivo di crescita umana e professionale. Tu non hai effettuato ricerche nè superficiali nè approfondite sul web visto che l'argomento di cui chiedi aiuto è largamente documentato e discusso su siti quali StackOverflow. Inoltre, ci sono dozzine di tutorial su siti specializzati: AndroidHive, Vogella, Android Developers, giusto per citarne qualcuno. Nessuno scriverà mai del codice per te, sarai sempre tu che dovrai farlo. Possono arrivarti suggerimenti (più o meno corretti) ma alla fine il lavoro effettivo spetterà sempre a te. Utilizzare sapientemente gli strumenti d'informazione a tua disposizione, in aggiunta ad un valido supporto come il forum, ti permetterà di imparare tanto ma se non vengono supportati dalla buona volontà di apprendere e fallire non andrai da nessuna parte. Mi rendo conto che all'inizio è difficile e si tende a voler uscire il prima possibile da queste situazioni intrigate ma posso garantirti che in questo modo non imparerai alcunchè.

Avvertimenti
Con te ho dimostrato pazienza e disponibilità ma ti ho avvertito che se continui ad infrangere il Regolamento mi costringerai a prendere provvedimenti. Hai fatto cross-posting pubblicando il tuo post oltre che in questa discussione anche nell'altra a te intestata. In questa sede non è permesso l'inserimento di parole come "help", "urgente", "entrate" e via dicendo. Alla prossima scatta l'infrazione, avvisato.

Spero, almeno questa volta, di averti allargato gli orizzonti e fornito spunti di cui puoi far tesoro per le tue ricerche individuali.

Apprezzo molto la tua pazienza e comprensione... Mi scuso per gli errori fatti in questo forum.. Il problema è che ho poco tempo a disposizione per lavorare con android.. E quella poca disponibilità la vorrei sfruttare al meglio. Fin dall' inizio ho trovato android molto interessante perché sviluppando quelle piccole app, mi hanno facilitato il lavoro. E quello che sto cercando di creare in questa pagina del forum è una delle applicazioni che potrebbe aiutarmi a velocizzarmi. Spero di essermi espresso nel modo più corretto. Scusami Crotan.. Vedrò di non fare questi errori nelle mie future domande(se ne avrò bisogno)

salve, ho seguito alla lettera il tuo tutorial..
ma il mio passaggio si sviluppa con delle arraylist
il problema è che non visualizzo nulla nella listview
posto il codice:
1) pagina1.xml (inserisco listview)
 ........ <ListView android:layout_width="wrap_content" android:layout_height="wrap_content" android:id="@+id/listView" android:layout_below="@+id/editText" /> ... 

2)Main
public class Salsicce extends Activity { private DbHelper helper =new DbHelper(this); // private DbHelper helper = null; // helper= new DbHelper(this); ListView listView; EditText editText; Button button; String[] sottoTesti; Adapter_list adapter_list; @<a href="https://www.androidiani.com/forum/members/override.html" target="_blank">Override</a> protected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.salsicce); listView = (ListView) findViewById(R.id.listView); listView.setFastScrollEnabled(true); editText = (EditText) findViewById(R.id.editText); button = (Button) findViewById(R.id.button); final SQLiteDatabase db = helper.getReadableDatabase();//sola lettura x fare query Intent intent = getIntent(); // l'intent di questa activity String Salsiccia = getPackageName(); //prendere stringa passata final String id_figlio = intent.getStringExtra(Salsiccia + ".myIn"); listView.setFastScrollEnabled(true); //nome ingrediente per salsiccia Cursor c = db.rawQuery("SELECT idingredienti FROM unioneingredienti WHERE idfiglio=?", new String[]{id_figlio}); ArrayList<String> listp = new ArrayList<>(); while(c.moveToNext()) { Cursor r = db.rawQuery("SELECT nome FROM ingredienti WHERE _id=?", new String[]{c.getString(0)}); r.moveToNext(); listp.add(r.getString(0)); } String figlio = intent.getStringExtra(Salsiccia + ".myString"); String id_padre = intent.getStringExtra(Salsiccia + ".myInt"); TextView tv = (TextView) findViewById(R.id.nome); tv.append(figlio + "\n"); //visualizziamo i dati sottoTesti = new String[] {"Sub", "Sub"}; adapter_list = new Adapter_list(this, listp, sottoTesti); listView.setAdapter(adapter_list); } } 

3)adapter
public class Adapter_list extends ArrayAdapter<String> { ArrayList<String> listp; String[] sottoTesto; Context context; Holder holder; public Adapter_list(Context context, ArrayList<String> listp, String[] sottoTesto) { super(context, R.layout.row_salsicce); // TODO Auto-generated constructor stub this.listp = listp; this.sottoTesto = sottoTesto; this.context = context; } public View getView(int position, View view, ViewGroup parent) { if(view == null) { holder = new Holder(); LayoutInflater inflater = (LayoutInflater) context.getSystemService(Context.LAYOUT_INFLATER_SERVICE); view = inflater.inflate(R.layout.row_salsicce, null, true); holder.textView = (TextView)view.findViewById(R.id.textViewList); holder.textView2 = (TextView)view.findViewById(R.id.textViewnum); holder.textView.setText(listp.get(position)); holder.textView2.setText(sottoTesto[position]); view.setTag(holder); } else { holder = (Holder)view.getTag(); } return view; } } class Holder { TextView textView, textView2; }

ho sbagliato a scrivere l'adapter?

4)riga con due textview
<TextView android:id="@+id/textViewList" android:background="@drawable/color_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft" android:textSize="18sp" android:hint="nome_ingrediente" android:textStyle="bold" android:textColor="#ffffff" android:layout_centerVertical="true" android:layout_alignParentLeft="true" android:layout_alignParentStart="true" /> <TextView android:id="@+id/textViewnum" android:background="@drawable/color_list" android:layout_width="wrap_content" android:layout_height="wrap_content" android:paddingLeft="?android:attr/expandableListPreferredItemPaddingLeft" android:textSize="18sp" android:hint="numero" android:textStyle="bold" android:textColor="#ffffff" android:layout_alignParentTop="true" android:layout_toEndOf="@+id/textViewList" android:layout_alignParentStart="false" />