ListView avec ArrayList

Comme nous avons vu pendant la séance précédente, les ListView sont très utiles pour afficher clairement un grand nombre de données. Nous allons donc voir comment utiliser une ListView avec ArrayList.

Alors comme d’habitude avant de se lancer dans le code je vous montre ce que l’on veut faire :

Contenu de la classe ArrayList

La classe ArrayList permet de construire des tableaux de taille variable. De la même manière qu’un tableau (un tableau d’int, de char, de String...), une ArrayList contient des valeurs d’un type donné. On doit préciser ce type quand on déclare la variable. Pour cela, on fait suivre le nom de la classe ArrayList par le type des éléments, entre chevrons (< et >).

Par exemple : ArrayList<String> maListe; déclare la variable maListe comme étant une référence vers une ArrayList de Strings. Une ArrayList est un objet, et comme les tableaux, les objets sont créés par l’exécution de l’instruction new. Nous verrons plus tard les détails. Pour l’instant, il suffit de comprendre que

maListe= new ArrayList<String>(); va créer une ArrayList vide.

Utilisation

•  la méthode size(), qui est une fonction, retourne la longueur d’une ArrayList

Exemple : int long= maListe.size()

•  la méthode get(int i) renvoie l’entrée de la case numéro i

Exemple : public static int somme(ArrayList<Integer> liste) { 

      int s=0; for (int i= 0; i < liste.size(); i++) { s= s + liste.get(i); }

      return s; 

  }

• la méthode add(element) ajoute un élément à la fin de la liste

Exemple : ArrayList<String> l= new ArrayList<String>(); 

    l.add("Slim"); 

    l.add("ISAMM"); 

    l.add("J2I");

• la méthode set(int i, element) remplace l’ancienne valeur qui était dans la case i par element, i doit être inférieure à la size() de l’ArrayList.
• la méthode remove(int i) supprime l’élément qui est dans la case i;
• la méthode clear() vide la liste.

ListView

Fichier activity_mainl.xml

1. <LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
2.     android:layout_width="fill_parent"
3.     android:layout_height="fill_parent"
4.     android:orientation="vertical" >
5. 
   
6.     <EditText
7.         android:id="@+id/nom"
8.         android:layout_width="match_parent"
9.         android:layout_height="wrap_content"
10.         android:ems="10" >
11.     </EditText>
12. 
    
13.     <LinearLayout
14.         android:layout_width="match_parent"
15.         android:layout_height="wrap_content" >
16. 
    
17.         <Button
18.             android:id="@+id/add"
19.             android:layout_width="wrap_content"
20.             android:layout_height="wrap_content"
21.             android:layout_weight="1"
22.             android:text="Ajouter" />
23. 
    
24.         <Button
25.             android:id="@+id/find"
26.             android:layout_width="wrap_content"
27.             android:layout_height="wrap_content"
28.             android:layout_weight="1"
29.             android:text="Chercher" />
30. 
    
31.         <Button
32.             android:id="@+id/rem"
33.             android:layout_width="wrap_content"
34.             android:layout_height="wrap_content"
35.             android:layout_weight="1"
36.             android:text="Supprimer" />
37.     </LinearLayout>
38. 
    
39.     <ListView
40.         android:id="@+id/list"
41.         android:layout_width="match_parent"
42.         android:layout_height="wrap_content" >
43.     </ListView>
44. 
    
45. </LinearLayout>

Fichier MainActivity.java

Notre activité principale (MainActivity) crée une ArrayAdapter, qui contient les objets à afficher dans la ListView. Le constructeur ArrayAdapter est passé l'ID de ressource du fichier de mise en page android.R.layout.simple_list_item_1, le ArrayAdapter va l'utiliser pour instancier un TextView pour chaque ligne.

Nous avons ensuite mis le ArrayAdapter que l'adaptateur de notre ListView.

1. // trouver la ressource ListView.
2. list = (ListView) this.findViewById(R.id.list);
3. // créer ArrayAdapter en utilisant la liste des chaines.
4. ArrayAdapterAdapter=new ArrayAdapter(MainActivity.this,android.R.layout.simple_list_item_1, tab);
5. // appliquer l'adapter sur la listView
6. list.setAdapter(Adapter);
7. list.setOnItemClickListener(this);

Le code source et les fichiers de projet Eclipse pour ce tutoriel peuvent être téléchargés ici