[Facile] ListView con indice alfabetico

Livello di difficoltà: facile
Versione SDK utilizzata: 8

Vedendo l'applicazione Persone di Google ho voluto provare ad implementare l'indice alfabetico che si trova sulla sinistra quando viene scrollata rapidamente la ListView e sono rimasto sbalordito dall'incredibile semplicità con la quale si realizza questo meccanismo.

Una volta popolata la ListView ci basterà costruire il nostro custom adapter ed implementare l'interfaccia SectionIndexer e facendo l'Override dei suoi metodi (getSections, getPositionForSection e getSectionForPosition). Quindi inserire nel costruttore dell'adapter quanto segue

public Adattatore(Context context, int resource, ArrayList<Oggetto> lista) { <br /> super(context, resource, resource, lista);<br /> // TODO Auto-generated constructor stub.<br /> this.context = context;<br /> this.lista = lista;<br /> <br /> //Utilizzando l'HashMap si ovvia al problema di poter avere duplicati all'interno dell'array<br /> mappa = new LinkedHashMap<String, Integer>();<br /> <br /> for(int i=0;i<lista.size();i++) {<br /> //Aggiuniamo ogni elemento contenuto nell'ArrayList all'HashMap prendendo solo la prima lettera e rendendola maiuscola<br /> mappa.put(lista.get(i).titolo.substring(0, 1).toUpperCase(), i);<br /> }<br /> <br /> arrayList = new ArrayList<String>(mappa.keySet());<br /> <br /> //Ordiniamo l'ArrayList<br /> Collections.sort(arrayList);<br /> <br /> //Creiamo un nuovo Array di stringhe basandoci sul numero di elementi contenuti in arrayList<br /> lettere = new String[arrayList.size()];<br /> <br /> arrayList.toArray(lettere);<br /> }

Vediamo ora come funzionano i metodi dell'interfaccia SectionIndexer.

Il metodo getPositionForSection(int section) ritorna la prima posizione della sezione.
Il metodo getSectionForPosition(int position) ritorna l'indice della corrispettiva sezione all'interno dell'array in quella specifica posizione.
Il metodo getSections() ritorna un'array di oggetti che rappresentano le sezioni della lista.

"Configuriamo" i metodi sopra esposti come segue

@Override<br /> public Object[] getSections() {<br /> // TODO Auto-generated method stub<br /> //Ritorniamo l'array delle iniziali delle lettere<br /> return lettere;<br /> }<br /> <br /> @Override<br /> public int getPositionForSection(int sectionIndex) {<br /> // TODO Auto-generated method stub<br /> //Prendiamo la lettera corrispondente al valore di sectionIndex<br /> return mappa.get(lettere[sectionIndex]);<br /> }<br /> <br /> @Override<br /> public int getSectionForPosition(int position) {<br /> // TODO Auto-generated method stub<br /> return 0;<br /> }

Ho dimenticato di dire che affinchè tutto ciò funzioni c'è bisogno del fastScroll abilitato quindi o inserite nel codice XML della ListView
android:fastScrollEnabled="true"

oppure da codice Java

listView.setFastScrollEnabled(true);

Se avete seguito tutti i passaggi correttamente runnando l'applicazione e facendo un fast scroll dovreste avere qualcosa come questo

http://i.stack.imgur.com/9N3wJ.png

Il codice è stato testato da me personalmente su KitKat e Gingerbread ed il tutto funziona senza alcun tipo di problema.

Spero che questo tutorial sia stato d'aiuto a qualcuno. Ciao!

Riservato per future evenienze.

scusami, nel mio caso come dovrei fare?

codice:

---

class Ingredienti {
    private String text1;

    public String getText1(){
        return this.text1;
    }
    public void setText1(String text1){

        this.text1= text1;
    }


    public Ingredienti(String text1) {
        this.text1 = text1;
    }

}


public class Adapter_lista_nuovo_ingrediente extends BaseAdapter {
    private ArrayList mapData;
    Context context;
    int layoutResourceId;

    Holder2 holder2;

    public Adapter_lista_nuovo_ingrediente(Context context, int layoutResourceId, Map<Integer, Ingredienti> arList) {

        this.layoutResourceId = layoutResourceId;
        this.context = context;

        mapData = new ArrayList();
        mapData.addAll(arList.entrySet());
       
    }

    @Override
    public int getCount() {
        return mapData.size();
    }


    @Override
    public Map.Entry<Integer, Ingredienti> getItem(int position) {
        return (Map.Entry) mapData.get(position);
    }

---