Cours programmation Android : les listes et les adaptateurs
Les listes et les adaptateurs
ListView
ListView place les éléments en liste avec un ascenseur vertical si nécessaire. ListView est normalement utilisé pour afficher des éléments textuels éventuellement accompagnés d'une case à cocher lorsqu'il s'agit d'une liste à choix multiples.
Il est toutefois possible d'y afficher des éléments plus complexes en utilisant un gestionnaire de contenu.
Type de choix
android:choiceMode="c" (où c peut prendre les valeurs : none, singlechoice, multipleChoice) pour indiquer le mode de choix dans la liste (aucun, un seul, plusieurs).
Méthodes de la classe ListView : android.widget.ListView
Construction
ListView(Context) le paramètre est généralement l'activité elle-même
Contenu de la liste
Le contenu d'une ListView peut être défini de façon statique par la propriété android:entries dans le fichier xml. Lorsque l'on souhaite avoir un contenu dynamique on utilise un ArrayAdapter (collection) que l'on remplit (méthodes add ou insert du ArrayAdapter) et que l'on associe à la ListView par la méthode setAdapter(ArrayAdapter).
Remarque
Pour gérer un contenu autre que du texte il existe un gestionnaire (classe SimpleAdapter) pour lequel chaque élément de la liste est une petite interface définie dans un fichier xml.
On peut également écrire son propre gestionnaire de contenu en définissant une classe héritant de BaseAdapter.
Aspect de la liste
? setDivider(Drawable) définit l'image qui sera dessinée entre chaque élément de la liste
? getDivider() retourne l'image dessinée entre chaque élément de la liste
? setDividerHeight(int) définit la hauteur de la séparation entre chaque élément de la liste
? getDividerHeight() renvoie la hauteur de la séparation entre chaque élément de la liste
? addFooter(View) ajoute une vue en bas de la liste
? addHeader(View) ajoute une vue en haut de la liste
? setFooterDividersEnabled(boolean) autorise ou interdit le dessin d'un séparateur pour le bas de liste
? setHeaderDividersEnabled(boolean) autorise ou interdit la dessin d'un séparateur pour le haut de liste ? invalidateViews() provoque le rafraichissement des tous le éléments internes
Selection deséléments
? setItemChecked(int, boolean) sélectionne ou non un élément de liste par son rang (à partir de 0).
? isItemChecked(int) indique si l'élément de liste désigné par son rang (à partir de 0) est selectionné. ? clearChoices() invalide les choix actuels
? setChoiceMode(int) définit le mode de choix, le paramètre peut prendre les valeurs : none, singleChoice ou multipleChoice
? getChoiceMode() renvoie le mode de choix
? clearTextFilter() supprime le filtrage des éléments au fur et à mesure de la saisie
? getTextFilter() renvoie la chaîne de caractères utilisée pour le filtrage des éléments au fur et à mesure de la saisie
? isTextFilterEnabled()indique si le filtrage des éléments au fur et à mesure de la saisie est actif ou pas
? setFilterText(String) définit la chaîne de caractères utilisée pour le filtrage des éléments au fur et à mesure de la saisie
? setTextFilterEnabled(boolean) active ou désactive le filtrage des éléments au fur et à mesure de la saisie
Evénements
? setOnItemClickListener(AdapterView.OnItemClickListener) associe un écouteur d'événements au clic sur un élément. La méthode onItemClick(AdapterView, View, int, long) de l'interface AdapterView.OnItemLongClickListener est utilisée pour traiter l'événement.
? setOnItemSelectedListener(AdapterView.OnItemSelectedListener) associe un écouteur d'événements à la sélection d'un élément (pour les listes à choix multiples). La méthode
onItemSelected (AdapterView
android:id="@android:id/list" android:layout_width="fill_parent" android:layout_height="fill_parent" android:drawSelectorOnTop="false" />
Code Java public class ListViewDemo extends ListActivity {
String[] prenoms={"ali", "aziz", "lina", "siham", "ahmed"};
@Override
public void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView();
ArrayAdapter aa =new ArrayAdapter(this, android.R.layout.simple_list_item_1, prenoms)); setListAdapter(aa);
//this.getListView().setAdapter(aa);
} }
Exemple2
Dans le programme précédent, on peut remplacer android.R.layout.simple_list_item_1 (une des IHM standard d'android) par R.layout.layout1 (notre propre fichier XML).
Pour définir un ListView, on commence par indiquer comment sera affiché chacun de ses items. Par exemple sous forme de TextView.
On construit donc un fichier contenant cette TextView
Créer le fichier suivant
android:layout_width="fill_parent" android:layout_height="fill_parent" android:padding="10dp" android:textSize="16sp" android:textColor=ff00ff>
Code java
publicclass MainActivity extends ListActivity {
static String[] prenoms={"alia", "aziz", "lina", "siham", "ahmed"};
@Override
publicvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState);
// setContentView(R.layout.activity_main);
ArrayAdapter aa =new ArrayAdapter(this, R.layout.layout1, prenoms);
setListAdapter(aa);
//this.getListView().setAdapter(aa);
}}
L'avantage d'utiliser une ListActivity par rapport à Activity est qu'on n'a pas besoin de récupérer l'instance du composant ListView dans l'IHM.
? Affichage sans ListActivity Code XML
Créer une ListView dans le fichier xml :
<ListView
android:id="@+id/list1"
android:layout_height="wrap_content" android:layout_width="match_parent">
Code java
ArrayAdapter(Context, id, type) : le troisième paramètre est un type prédéfini : - android.R.layout.simple_list_item_1 pour une liste à choix unique
- android.R.layout.simple_list_item_multiple_choice pour une liste à choix multiple, (une case à cocher apparaît à coté de chaque élément de la liste)
public class ListViewAndroidExample extends Activity { ListView L;
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView(R.layout.activity_main);
L = (ListView) findViewById(R.id.list1);
String[] donnees = new String[] { "Android List View",
"Adapter", "Create List View", "Android Example", "List View
Source", "List View Array", "Android Example List" };
ArrayAdapter adapter = new ArrayAdapter(this,
android.R.layout.simple_list_item_1,donnees);
// Le deuxième paramètre "android.R.layout.simple_list_item_1" permet d'indiquer la //présentation utilisée pour les items de notre liste. Ici il s'agit d'une présentation simple pour les //chaines de caractères incluse dans le SDK.
L.setAdapter(adapter);
}
}
Séparateurs avec xml
- android:divider : définit la couleur des séparateurs ou utilise une image comme séparateur.
- android:dividerHeight="unité" : définit la hauteur des séparateurs
Type de choix avec xml
- android:choiceMode="c" (où c peut avoir les valeurs : none, singlechoice, multipleChoice) pour indiquer le mode de choix dans la liste (aucun, un seul, plusieurs)
Remarques
Pour remplir la liste, on peut utiliser la méthode (Object) ou obtenir les éléments de la liste à partir d'un fichier de ressource : .
premier élément
deuxième élément
…
dernier élément
• Dans le fichier on remplit la propriété android:entries par la liste.
• Dans le code java :
ListView L = (ListView) findViewById(R.id.List1);
//String[] elements = getResources().getStringArray(R.array.maliste);
ArrayAdapter adapter = new ArrayAdapter(this, android.R.layout.simple_list_item_multiple_choice);
//for (int i=0; i<elements.length; i++) (elements[i]);
L.setAdapter(adapter);
Liste de choix : Spinner
Le Spinner est l’équivalent des listes déroulantes. Il affiche le choix actuel et présente un RadioGroup quand on clique dessus pour le changer.
La classe Spinnerse trouve dans le package android.widget.Spinner.
On utilise deux vues, une pour l'élément sélectionné qui est affiché, et une pour la liste d'éléments sélectionnables.
Comme pour ListView, on fournit l’adaptateur pour les données et les vues filles via setAdapter().
Propriétés :
android:prompt : définit le titre de la fenêtre qui s'ouvre lorsque l'on fait un choix android:entries="@array/maliste" définit le contenu de la liste à partir du contenu d'un fichier xml placé dans res/values/ qui a la forme suivante :
Mercure
…
Neptune
Si on souhaite personnaliser la vue d’affichage de la boîte déroulante, il faut configurer l’adaptateur non pas le Spinner. Pour ce faire, on a besoin de la méthode setDropDownViewResource() afin de fournir l’identifiant de la vue concernée.
Exemple
/>
android:drawSelectorOnTop="true" />
La propriété android:drawSelectorOnTop indique que la flèche permettant de dérouler la sélection se trouvera à droite du Spinner.
Code java
public class SpinnerDemo extends Activity implements AdapterView.OnItemSelectedListener { TextView selection;
String[] items={"donnee1", " donnee2", " donnee3", " donnee4", " donnee5", " donnee6"}; public void onCreate(Bundle icicle) { super.onCreate(icicle); setContentView(); selection=(TextView)findViewById(R.id.selection); Spinner spin=(Spinner)findViewById(R.id.spinner); spin.setOnItemSelectedListener(this);
ArrayAdapter aa=new ArrayAdapter(this, android.R.layout.simple_spinner_item, items);
aa.setDropDownViewResource( android.R.layout.simple_spinner_dropdown_item); spin.setAdapter(aa);
}
public void onItemSelected(AdapterView p) { selection.setText("");
} }
GridView
Ce type de liste fonctionne presque comme ListView.
Il met les éléments dans une grille dont il détermine automatiquement le nombre d'éléments par ligne.
Il est cependant possible de fixer ce nombre d'éléments par ligne à l'aide des propriétés :
- android:numColumns en XML ou setNumColumns (int column) en Java (si sa valeur est auto_fit, Android calcule ce nombre en fonction de l’espace disponible et de la valeur d'autres propriétés.
- android:verticalSpacing et android:horizontalSpacing précisent l’espace qui sépare les éléments de la grille.
- android:columnWidth indique la largeur de chaque colonne en pixels.
- android:stretchMode : (si android:numColumns =auto_fit) indique ce qui devra se passer lorsqu'il reste de l’espace non occupé par des colonnes ou des espaces de séparation.
Exemple
android:numColumns="2" android:stretchMode="columnWidth" android:columnWidth="60dp" android:gravity="fill_horizontal"
android:choiceMode="multipleChoice"
/>
–code java
GridView table = (GridView) findViewById(R.id.liste_de_donnees);
String[] elements = getResources().getStringArray(R.array.maliste);
ArrayAdapter aa = new ArrayAdapter(this, android.R.layout.simple_list_item_multiple_choice); for (int i=0; i<elements.length; i++) (elements[i]); table.setAdapter(aa);
III) Des listes plus complexes : SimpleAdapter Rappel
Différence entre android.R.layout.simple_list_item_1 et android.R.layout.simple_list_item_2
android.R.layout.simple_list_item_1 est représenté par le fichier suivant :
<TextView
xmlns:android=";android:id="@android:id/text1"android:layout_width="match_parent" android:layout_height="wrap_content"
android:textAppearance="?android:attr/textAppearanceLarge" android:gravity="center_vertical" android:paddingLeft="6dip"
android:minHeight="?android:attr/listPreferredItemHeight"
/>
android.R.layout.simple_list_item_2 est représenté par le fichier suivant :
android:minHeight="?android:attr/listPreferredItemHeight" android:mode="twoLine">
android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_marginLeft="6dip" android:layout_marginTop="6dip"
android:textAppearance="?android:attr/textAppearanceLarge"/>
android:layout_width="match_parent" android:layout_height="wrap_content" android:layout_below="@android:id/text1" android:layout_alignLeft="@android:id/text1"
android:textAppearance="?android:attr/textAppearanceSmall" />
Dans ce cas, il y a deux TextViews (identifié par text1 et text2). On ne peut donc indiquer simplement comme précédemment :
ArrayAdapter(this, android.R.layout.simple_list_item_1); qui provoque d'ailleurs une exception.
On doit indiquer ce que devra contenir text1 et text2 avec un SimpleAdapter.
SimpleAdapter
SimpleAdapter est utile pour afficher (un objet complexe) plusieurs informations par élément. Pour chaque information de l'élément on aura une vue dédiée qui affichera l'information voulue.
Ø Un tel objet est défini dans une HashMap<String, ?>. Les clés String sont les "noms de champs", la valeur associée est celle qui devra être représentée.
Ø On définit également deux tables parallèles qui permettront de faire la correspondance entre les "champs" de l’objet et les Views dans lesquelles ils seront affichés: ? String[] contenant les noms des champs (clés d’accès à la HashMap). ? int[] contenant les identifiants des vues (R.id).
Ø Finalement, on construit une List<HashMap<String, ?>> qu’on fournit au constructeur du SimpleAdapterassocié à la ListView.
SimpleAdapter(Context context, List parent, View view, int position, long id)
• parent est l'AdapterView qui a été utilisé lors de l'événement
• view est la vue (c'est à dire l'item à l'intérieur de la ListView) qui a été utilisée.
• position est le numéro de l'item dans cette ListView. La valeur 0 est celle du premier item
• id est l'identificateur de l'item sélectionné
Les listes accompagnées des images
Pour avoir une liste avec des images à côté, il faut créer son propre Layout et l'utiliser comme adaptateur.
Pour cela créer un fichier xml ( par exemple) comme suit :
"; android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"
>
<ImageView
android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical"android:padding="10px"
android:src="@drawable/ic_launcher"
/>
android:orientation="vertical"android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical"android:paddingLeft="10px" android:layout_weight="1">
"@+id/label" android:layout_width="fill_parent" android:layout_height="fill_parent"android:textSize="16px" android:textStyle="bold"
/>
Code java
public class MainActivity extends ListActivity {
public void onCreate(Bundle icicle) {
super.onCreate(icicle);
String[] values = new String[] { "Android", "iPhone", "WindowsMobile",
"Blackberry", "WebOS", "Ubuntu", "Windows7", "Max OS X",
"Linux", "OS/2" };
ArrayAdapter adapter = new ArrayAdapter(this,
R.layout.layout1, R.id.label, values); setListAdapter(adapter);
} @Override
protected void onListItemClick(ListView l, View v, int position, long id) {
String item = (String) getListAdapter().getItem(position);
Toast.makeText(this, item + " selected", Toast.LENGTH_LONG).show();
}
}
Ajouter plusieurs images.
Pour cela il nous faut créer dans le projet un répertoire drawable dans les ressources puis mettre dedans les images voulues.
Android utilise des adaptateurs pour remplir les listes. Nous allons créer ici un adaptateur sous forme d’une classe Java. Ce dernier retournera à la liste d’activité chaque ligne à afficher.
Exemple
Créer une ListView dans le fichier Activity,
<ListView
android:id="@+id/listviewperso" android:layout_width="fill_parent" android:layout_height="fill_parent" />
Créer un nouveau fichier XML, , qui va permettre de créer la vue qui affichera l’item dans la ListView.
<LinearLayout xmlns:android="; android:orientation="horizontal" android:layout_width="fill_parent" android:layout_height="wrap_content"
>
<ImageView
android:id="@+id/img" android:layout_width="wrap_content" android:layout_height="wrap_content" android:layout_gravity="center_vertical"
android:padding="10px"
/>
<LinearLayout
xmlns:android=";
android:orientation="vertical" android:layout_width="fill_parent" android:layout_height="wrap_content" android:layout_gravity="center_vertical"
android:paddingLeft="10px"
android:layout_weight="1"
>
<TextView android:id="@+id/titre" android:layout_width="fill_parent" android:layout_height="fill_parent" android:textSize="16px"
android:textStyle="bold"
/>
<TextView android:id="@+id/description" android:layout_width="fill_parent"
android:layout_height="fill_parent"
/>
Code JAVA
publicclass Tutoriel5_Android extends Activity { private ListView maListViewPerso;
publicvoid onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView();
maListViewPerso = (ListView) findViewById(R.id.listviewperso); ArrayList<HashMap<String, String>> listItem = new ArrayList>();
//Création d'une HashMap pour insérer les informations du premier item de notre listView
HashMap<String, String> map = new HashMap<String, String>();
//on insère un élément titre que l'on récupérera dans le textView titre créé dans le fichier ("titre", "Word");
//on insère un élément description que l'on récupérera dans le textView description créé dans le fichier ("description", "Editeur de texte");
//on insère la référence à l'image (convertit en String car normalement c'est un int) que l'on récupérera dans l'imageView créé dans le fichier
("img", String.valueOf());
//enfin on ajoute cette hashMap dans arrayList (map);
//On refait la manip plusieurs fois avec des données différentes
map = new HashMap<String, String>(); ("titre", "Excel"); ("description", "Tableur");
("img", String.valueOf(R.drawable.excel)); (map);
map = new HashMap<String, String>(); ("titre", "Power Point");
("description", "Logiciel de présentation"); ("img", String.valueOf(R.drawable.powerpoint)); (map);
map = new HashMap<String, String>(); ("titre", "Outlook");
("description", "Client de courrier électronique"); ("img", String.valueOf(R.drawable.outlook)); (map);
//Création d'un SimpleAdapter qui se chargera de mettre les items présent dans notre list (listItem) dans la vue affichageitem
SimpleAdapter aa = new SimpleAdapter (this.getBaseContext(), listItem, R.layout.affichageitem, new String[] {"img", "titre", "description"}, newint[]
{, R.id.titre, R.id.description});
//On attribue à notre listView l'adapter que l'on vient de créer maListViewPerso.setAdapter(aa);
//Enfin on met un écouteur d'évènement sur notre listView maListViewPerso.setOnItemClickListener(new OnItemClickListener() { publicvoid onItemClick(AdapterView<?> a, View v, int position, long id) {
//on récupère la HashMap contenant les infos du item (titre, description, img)
HashMap<String, String> map = (HashMap<String, String>) maListViewPerso.getItemAtPosition(position);
//on crée une boite de dialogue
AlertDialog.Builder adb = new AlertDialog.Builder(this);
adb.setTitle("Sélection Item");
//on insère un message à notre boite de dialogue, ici le titre de l'item cliqué adb.setMessage("Votre choix : "("titre"));
adb.setPositiveButton("Ok", null);
();
}
});
}}
Création d’un adaptateur personnalisé Code java
public class MainActivity extends ListActivity { public void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
String[] values = new String[] { "Android", "iPhone", "WindowsMobile" };
// use your custom layout
MonAdaptateurDeListe adapter = new MonAdaptateurDeListe(this, values); setListAdapter(adapter);
}}}
class MonAdaptateurDeListe extends ArrayAdapter {
//récupération des images
private Integer[] tab_images_pour_la_liste = {
R.drawable.ic_launcher ,
R.drawable.sym_keyboard_ok,
R.drawable.ico_ok,
};
@Override public View getView(int position, View convertView, ViewGroup parent) {
LayoutInflater inflater = (LayoutInflater)getContext().getSystemService
(Context.LAYOUT_INFLATER_SERVICE);
View rowView = inflater.inflate(R.layout.rowlayout, parent, false);
TextView textView = (TextView) rowView.findViewById(R.id.label);
ImageView imageView = (ImageView) rowView.findViewById();
textView.setText(getItem(position));/à_ *;:
if(convertView == null )
imageView.setImageResource(tab_images_pour_la_liste[position]); else
rowView = (View)convertView;
return rowView;
}
public MonAdaptateurDeListe(Context context, String[] values) { super(context, R.layout.rowlayout, values);
}
}
Personnalisation des items
Considérons une liste de personnes avec un nom, prénom et genre (Masculin / Féminin). Un SimpleAdapter ne peut pas gérer ces données. Il faut créer notre propre adaptateur, il faut partir de BaseAdapter.
Dè SimpleAdapter(Context context, List<? extends Map<String, ? >> data, int ressource, String[] from, int[] to=)// cvb,,nb qu'une classe hérite de BaseAdapter, il faut implémenter obligatoirement trois méthodes :
• public Object getItem(int position) pour récupérer un item de la liste en fonction de sa position
• public long getItemId(int position) : pour récupérer l'identifiant d'un item de la liste en fonction de sa position (utilisé dans le cas d'une base de données)
• public View getView(int position, View convertView, ViewGroup
parent) : doit renvoyer un objet Viewreprésentant la ligne située à la position fournie par l’adaptateur. cette méthode est appelée à chaque fois qu'un item est affiché à l'écran.
En ce qui concerne les paramètres de cette méthode :
• position : la position de l'item dans la liste (et donc dans l'adaptateur).
• parent : layout auquel rattacher la vue. ? convertView vaut null… ou pas
convertView vaut null uniquement les premières fois qu'on affiche la liste.
Dans notre exemple, convertView vaudra null aux sept premiers appels de getView (donc les sept premières créations de vues), c'est-à-dire pour tous les éléments affichés à l'écran au démarrage.
Toutefois, dès qu'on fait défiler la liste jusqu'à afficher un élément qui n'était pas à l'écran à l'instant d'avant, convertView ne vaut plus null, mais plutôt la valeur de la vue qui vient de disparaître de l'écran.
Il nous faut alors un moyen d'inflater une vue, mais sans l'associer à notre activité. Il existe au moins trois méthodes pour cela :
• LayoutInflater getSystemService (LAYOUT_INFLATER_SERVICE) sur une activité.
• LayoutInflater getLayoutInflater () sur une activité.
• LayoutInflater (Context contexte), sachant que Activity dérive de Context.
Puis vous pouvez inflater une vue à partir de ce LayoutInflater à l'aide de la méthode
View inflate (int id, ViewGroup root), avec root la racine à laquelle attacher la hiérarchie désérialisée. Si vous indiquez null, c'est la racine actuelle de la hiérarchie qui sera renvoyée, sinon la hiérarchie s'attachera à la racine indiquée.
Pourquoi ce mécanisme? C'est une question d'optimisation. En effet, si vous avez un layout personnalisé pour votre liste, à chaque appel de getView vous allez remplir la rangée avec le layout à inflater depuis son fichier XML :
Exemple
LayoutInflater mInflater;
String[] mListe;
public View getView(int position, View convertView, ViewGroup parent) { TextView vue = (TextView) mInflater.inflate(R.layout.ligne, null); vue.setText(mListe[position]);
return vue;
}
Cependant, la désérialisation est un processus lent!. C'est pourquoi il faut utiliser convertView pour vérifier si cette vue n'est pas déjà peuplée et ainsi ne pas désérialiser à chaque construction d'une vue :
LayoutInflater mInflater;
String[] mListe;
public View getView(int position, View convertView, ViewGroup parent) {
TextView vue = null;
// Si la vue est recyclée, elle contient déjà le bon layout if(convertView != null)
vue = (TextView) convertView; // On n'a plus qu'à la récupérer
else // Sinon, il faut utiliser le LayoutInflater vue = mInflater.inflate(R.layout.ligne, null);
vue.setText(mListe[position]); return vue;
}
Exemple
Considérons une liste de personnes avec un nom, prénom et genre (Masculin / Féminin). Un SimpleAdapter ne peut pas gérer ces données.
1. Créer la classe personne :
public class Personne {
public final static int MASCULIN = 1;
public final static int FEMININ = 2;
public String nom; public String prenom;
public int genre;
public Personne(String aNom, String aPrenom, int aGenre) {
nom = aNom; prenom = aPrenom;
genre = aGenre;
}
public static ArrayList getAListOfPersonne(){ ArrayList listPers = new ArrayList(); (new Personne("Nom1", "Prenom1", FEMININ)); (new Personne("Nom2", "Prenom2", MASCULIN)); (new Personne("Nom3", "Prenom3", MASCULIN));
(new Personne("Nom4", "Prenom4", FEMININ)); return listPers;
}
}
2. Ajoutez un fichier XML.
Les personnes possèdent trois propriétés. Il n'est donc plus possible de passer par le layout standard pour les afficher. Nous allons donc créer un nouveau layout, et l'utiliser pour afficher les items de la liste. Ajoutez un nouveau fichier XML.
Dans ce nouveau layout, ajouter deux TextView pour décrire les nom et prénom de chaque personne. Le genre de la personne sera décrit par la couleur de fond de notre item : bleu pour les garçons, rose pour les filles :).
android:text="Nom">
android:text="Prénom">
3. Classe pour gérer le mapping entre les données et le layout des items.
Pour afficher la liste des personnes en utilisant ce layout, créer un objet qui se chargera de gérer le mapping entre nos données et le layout des items.
Ce composant sera basé sur un Adapter. Dans Eclipse, créez une nouvelle classe :
"PersonneAdapter". Faites-la hériter de "BaseAdapter".
L'Adapter va gérer une liste de personnes et va s'occuper également de l'affichage. On va donc lui ajouter trois propriétés.
public class PersonneAdapter extends BaseAdapter { private List mListP; // Une liste de personnes private Context mContext; //Le contexte dans lequel est présent notre adapter
private LayoutInflater mInflater; //Un mécanisme pour gérer l'affichage graphique depuis un layout XML
//constructeur
public PersonneAdapter(Context context, List aListP) { mContext = context; mListP = aListP;
mInflater = (mContext);
}
Le LayoutInflater permet de parser un layout XML et de te transcoder en IHM Android.
Pour respecter l'interface BaseAdapter, il nous faut spécifier la méthode "count()". Cette méthode permet de connaître le nombre d'items présent dans la liste. Dans notre cas, il faut donc renvoyer le nombre de personnes contenus dans "mListP".
public int getCount() { return ();
}
Ensuite, il y a deux méthodes pour identifier les items de la liste. Une pour connaitre l'item situé à une certaine position et l'autre pour connaitre l'identifiant d'un item en fonction de sa position.
public Object getItem(int position) { return (position);
}
public long getItemId(int position) { return position;
}
Maintenant il faut surcharger la méthode pour renvoyer une "View" en fonction d'une position donnée.
Cette view contiendra donc une occurrence du layout "" convenablement renseignée (avec le nom et prénom au bon endroit).
public View getView(int position, View convertView, ViewGroup parent) {
LinearLayout layoutItem;
//(1) : Réutilisation des layouts if (convertView == null) {
//Initialisation de notre item à partir du layout XML
""
layoutItem = (LinearLayout) mInflater.inflate(R.layout.personne_layout, parent, false);
} else {
layoutItem = (LinearLayout) convertView;
}
//(2) : Récupération des TextView de notre layout
TextView tv_Nom = (TextView)layoutItem.findViewById(R.id.TV_Nom);
TextView tv_Prenom =
(TextView)layoutItem.findViewById(R.id.TV_Prenom);
//(3) : Renseignement des valeurs tv_Nom.setText((position).nom); tv_Prenom.setText((position).prenom);
//(4) Changement de la couleur du fond de notre item if ((position).genre == Personne.MASCULIN) { layoutItem.setBackgroundColor();
} else {
layoutItem.setBackgroundColor(Color.MAGENTA); }
return layoutItem;
}
4. Pour afficher la liste, modifiez l'Activity principale :
public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); setContentView();
//Récupération de la liste des personnes
ArrayList listP = Personne.getAListOfPersonne();
//Création et initialisation de l'Adapter pour les personnes
PersonneAdapter adapter = new PersonneAdapter(this, listP);
//Récupération du composant ListView
ListView list = (ListView)findViewById(R.id.ListView01);
//Initialisation de la liste avec les données list.setAdapter(adapter);
}