Atelier Android

Chapitre 5 : RecyclerView

Année universitaire 2021/2022

« RecyclerView »

2
 Introduction

Pour afficher une liste, vous pouvez inclure une ListView

dans votre fichier XML de présentation:

<ListView
android:id="@+id/list_view"
android:layout_width="match_parent"
android:layout_height="match_parent" />

Pour une approche plus moderne, flexible et performante de l'affichage

des listes, on peut utiliser le RecyclerView.
3
 Qu'est-ce qu’un RecyclerView ?
Le RecyclerView facilite l'affichage.
Comme son nom l'indique, RecyclerView
recycle ses éléments. Lorsqu'un élément
défile hors de l'écran, RecyclerView ne
détruit pas sa vue. Au lieu de cela,
RecyclerView réutilise la vue pour les
nouveaux éléments qui ont défilé à
l'écran.

4
 Qu'est-ce qu’un RecyclerView ?

Cette réutilisation améliore

considérablement les
performances, améliore la
réactivité de votre application et
réduit la consommation d'énergie.

5
 Classes clés
Plusieurs classes différentes travaillent ensemble pour construire votre liste
dynamique.

6
 Classes clés
• RecyclerView : est le ViewGroup qui contient les vues correspondant à vos données.

• RecyclerView.ViewHolder : Chaque élément individuel de la liste est défini par un objet

de support de vue. Une fois le détenteur de vue créé, le RecyclerView le lie à ses
données.

• RecyclerView.Adapter : Le RecyclerView demande ses vues et les lie à leurs données, en

appelant des méthodes dans l' adaptateur.

• LayoutManager : Le gestionnaire de disposition organise les éléments individuels dans

votre liste.

7
 Étapes d’implémentation
1) recycler_single_item.xml : Créer un layout XML représentant chaque item
(chaque ligne) du RecyclerView.

2) ItemViewHolder.kt : Créer le ViewHolder représentant l'objet désérialisé de ce

layout, afin de pouvoir plus facilement le modifier en Kotlin.

3) ItemAdapter.kt : Créer un Adapter héritant de RecyclerView.Adapter, et qui va

permettre de faire le lien entre la vue du RecyclerView et l’activité ou le fragment.

Il faut implémenter les méthodes : onCreateViewHolder()

onBindViewHolder() et getItemCount()
8
 Étapes d’implémentation
4) Dans le fragment ou l’activité :

1) Ajouter dans la layout XML le RecyclerView.

2) Créer dans le fichier KT le lien entre la layout et la variable du RecyclerView.

3) Créer un Adapter avec les données à afficher.

4) Ajouter l’Adapter au RecyclerView.

5) Ajouter un LayoutManager pour le RecyclerView

9
Let's start coding

10
Application League of Legends

11
 Application League of Legends

L’application contient 2 activités. La première

permet d’afficher une liste des champions avec
un RecyclerView. En cliquant sur un élément de
la liste, nous allons être rediriger vers l’activité
détail pour afficher les détails de l’ élément
sélectionné.

12
 Start Coding !

To be continued つづく
13