![\"\"](\"https:\/\/www.louismarchand.me\/wp-content\/uploads\/2021\/08\/cycle_fragment.png\")
<\/p>\nLes fragments correspondent \u00e0 une portion d’interface graphique. Ce fragment peut permettre d’avoir plusieurs parties ind\u00e9pendantes d’interface dans une m\u00eame activit\u00e9, ou bien d’avoir une section r\u00e9utilisable d’interface graphique (une partie d’interface qui peut \u00eatre r\u00e9utilis\u00e9e dans plusieurs activit\u00e9s).<\/p>\n
Tout comme les activit\u00e9s, les fragments ont un cycle de vie propre \u00e0 eux (les \u00e9v\u00e9nements \u00ab\u00a0onCreate\u00a0\u00bb, \u00ab\u00a0onStart\u00a0\u00bb, \u00ab\u00a0onResume\u00a0\u00bb, \u00ab\u00a0onPause\u00a0\u00bb, etc.). D’une certaine mani\u00e8re, on peut consid\u00e9rer un fragment comme une \u00ab\u00a0sous-activit\u00e9\u00a0\u00bb.<\/p>\n
Contrairement \u00e0 une activit\u00e9, un fragment est toujours contenu \u00e0 l’int\u00e9rieur d’une activit\u00e9 (de type \u00ab\u00a0FragmentActivity\u00a0\u00bb). L’\u00e9tat d’un fragment est \u00e9galement directement reli\u00e9 \u00e0 l’\u00e9tat de l’activit\u00e9 qui le contient. Par exemple, si une activit\u00e9 est en pause, tous les fragments qu’il contient seront mis en pause.<\/p>\n
Le fragment est plac\u00e9 dans un \u00ab\u00a0layout\u00a0\u00bb d’une activit\u00e9 de la m\u00eame mani\u00e8re que n’importe quel \u00ab\u00a0widget\u00a0\u00bb graphique. Par contre, il est important de comprendre que le fragment a un \u00ab\u00a0layout\u00a0\u00bb qui lui est propre et qui sera utilis\u00e9 pour indiquer ce qui sera plac\u00e9 dans la section du \u00ab\u00a0layout\u00a0\u00bb de l’activit\u00e9. Il est \u00e9galement important de consid\u00e9rer qu’un fragment peut \u00eatre ajout\u00e9 dynamiquement \u00e0 un \u00ab\u00a0layout\u00a0\u00bb d’activit\u00e9 (ce qu’on appelle attach\u00e9) et retir\u00e9 de la m\u00eame mani\u00e8re (ce qu’on appelle d\u00e9tach\u00e9).<\/p>\n
Prendre note que les fragments sont apparus dans l’API 11 d’Android. Donc, tous les appareils pr\u00e9sentement support\u00e9s devraient g\u00e9rer sans probl\u00e8me les fragments.<\/p>\n
Un fragment a les m\u00eames \u00e9tats qu’une activit\u00e9 (cr\u00e9\u00e9, d\u00e9marr\u00e9, en service, en pause, arr\u00eat\u00e9), mais il y a des \u00e9v\u00e9nements importants suppl\u00e9mentaires. Voici le diagramme d’\u00e9v\u00e9nements que vous pouvez comparer avec celui des activit\u00e9s.<\/p>\n
<\/p>\n
Voici la description des nouveaux \u00e9v\u00e9nements:<\/p>\n
\u00c0 noter: avant l’API 23, cet \u00e9v\u00e9nement recevait directement l’activit\u00e9. Comme ceci:<\/p>\n
<\/span>public<\/span> void<\/span> onAttach<\/span> (<\/span>Activity<\/span> activity<\/span>)<\/span>\r\n<\/pre>\n<\/div>\nPar contre, depuis l’API 23, l’\u00e9v\u00e9nement re\u00e7oit un Context (qui est g\u00e9n\u00e9ralement l’Activit\u00e9, mais sous une autre forme). Donc, pour obtenir l’activit\u00e9 dans cette m\u00e9thode, il faut utiliser ce code:<\/p>\n
\n<\/span>@Override<\/span>\r\npublic<\/span> void<\/span> onAttach<\/span> (<\/span>Context<\/span> context<\/span>)<\/span> {<\/span>\r\n super<\/span>.<\/span>onAttach<\/span>(<\/span>context<\/span>);<\/span>\r\n Activity<\/span> activite<\/span> =<\/span> getActivity<\/span>();<\/span>\r\n ...<\/span>\r\n}<\/span>\r\n<\/pre>\n<\/div>\n\n- \n
\n- onCreateView\n
\n- Lanc\u00e9 apr\u00e8s le \u00ab\u00a0onCreate\u00a0\u00bb;<\/li>\n
- Cet \u00e9v\u00e9nement est un \u00e9v\u00e9nement cl\u00e9 du syst\u00e8me de fragment;<\/li>\n
- Contrairement aux activit\u00e9s, les fragments n’utilisent pas la m\u00e9thode \u00ab\u00a0SetContentView\u00a0\u00bb pour afficher un \u00ab\u00a0layout\u00a0\u00bb;<\/li>\n
- L’\u00e9v\u00e9nement \u00ab\u00a0onCreateView\u00a0\u00bb re\u00e7oit un objet \u00ab\u00a0LayoutInflater\u00a0\u00bb (voir plus bas), le \u00ab\u00a0ViewGroup\u00a0\u00bb (\u00ab\u00a0layout\u00a0\u00bb) qui contiendra le fragment et un \u00ab\u00a0Bundle\u00a0\u00bb de sauvegarde d’instance similaire \u00e0 celui du \u00ab\u00a0onCreate\u00a0\u00bb;<\/li>\n
- L’\u00e9v\u00e9nement \u00ab\u00a0onCreateView\u00a0\u00bb retourne un objet de type \u00ab\u00a0View\u00a0\u00bb qui repr\u00e9sente la vue \u00e0 afficher dans le fragment;\n
\n- Pour retourner un \u00ab\u00a0layout\u00a0\u00bb, il faut utiliser un objet de type \u00ab\u00a0LayoutInflater\u00a0\u00bb qui permet de transformer un \u00ab\u00a0layout\u00a0\u00bb en \u00ab\u00a0View\u00a0\u00bb.<\/li>\n
- Il est tout de m\u00eame \u00e0 noter que n’importe quel \u00ab\u00a0widget\u00a0\u00bb pourrait \u00eatre retourn\u00e9.<\/li>\n<\/ul>\n<\/li>\n
- Il n’est pas n\u00e9cessaire de lancer le \u00ab\u00a0super.onCreateView\u00a0\u00bb.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n
@Override<\/span>\r\npublic<\/span> View<\/span> onCreateView<\/span>(<\/span>LayoutInflater<\/span> inflater<\/span>,<\/span> ViewGroup<\/span> container<\/span>,<\/span>\r\n Bundle<\/span> savedInstanceState<\/span>)<\/span> {<\/span>\r\n return<\/span> inflater<\/span>.<\/span>inflate<\/span>(<\/span>R<\/span>.<\/span>layout<\/span>.<\/span>mon_fragment<\/span>,<\/span> container<\/span>,<\/span> false<\/span>);<\/span>\r\n}<\/span>\r\n<\/pre>\n<\/div>\n\n- \n
\n- onViewCreated\n
\n- Lanc\u00e9 apr\u00e8s \u00ab\u00a0onCreateView\u00a0\u00bb;<\/li>\n
- Derni\u00e8re \u00e9tape avant l’\u00e9tat \u00ab\u00a0Cr\u00e9\u00e9\u00a0\u00bb.<\/li>\n
- Permets d’effectuer des acc\u00e8s aux vues du fragment.<\/li>\n
- Prends deux arguments:\n
\n- Une vue repr\u00e9sentant le \u00ab\u00a0layout\u00a0\u00bb du fragment\n
\n- Il est \u00e0 noter que dans les autres m\u00e9thodes de la classe, on peut utiliser la m\u00e9thode \u00ab\u00a0getView()\u00a0\u00bb afin d’avoir acc\u00e8s \u00e0 cette vue.<\/li>\n
- Il est important de ne pas utiliser \u00ab\u00a0getView()\u00a0\u00bb avant que cet \u00e9v\u00e9nement soit lanc\u00e9 (en d’autres mots, ne pas utiliser \u00ab\u00a0getView()\u00a0\u00bb dans le \u00ab\u00a0onAttach\u00a0\u00bb, dans le \u00ab\u00a0onCreate\u00a0\u00bb ou dans le \u00ab\u00a0onCreateView\u00a0\u00bb.<\/li>\n<\/ul>\n<\/li>\n
- Un \u00ab\u00a0bundle\u00a0\u00bb repr\u00e9sentant l’\u00e9tat sauvegard\u00e9 du fragment (similaire au \u00ab\u00a0bundle\u00a0\u00bb envoy\u00e9 au \u00ab\u00a0onCreate\u00a0\u00bb (peut \u00eatre null).<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n
public<\/span> void<\/span> onViewCreated<\/span>(<\/span>View<\/span> view<\/span>,<\/span> Bundle<\/span> savedInstanceState<\/span>)<\/span> {<\/span>\r\n ImageView<\/span> lImageView<\/span>;<\/span>\r\n lImageView<\/span> =<\/span> view<\/span>.<\/span>findViewById<\/span>(<\/span>R<\/span>.<\/span>id<\/span>.<\/span>image<\/span>);<\/span>\r\n lImageView<\/span>.<\/span>setImageResource<\/span>(<\/span>imageId<\/span>);<\/span>\r\n}<\/span>\r\n<\/pre>\n<\/div>\n\n- \n
\n- onDestroyView\n
\n- Lanc\u00e9 avant le \u00ab\u00a0onDestroy\u00a0\u00bb;<\/li>\n
- Lanc\u00e9 seulement dans le cas o\u00f9 une vue est retourn\u00e9e du \u00ab\u00a0onCreateView\u00a0\u00bb;<\/li>\n
- Peu utilis\u00e9;<\/li>\n
- Le parent (Activit\u00e9) est encore attach\u00e9 et la vue toujours accessible. Il est donc possible de faire un transfert de donn\u00e9es entre la vue et le parent avant que le fragment soit lib\u00e9r\u00e9;<\/li>\n
- Ne re\u00e7ois aucun argument et ne retourne aucune valeur.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
\n- \n
\n- onDetach\n
\n- Lanc\u00e9 apr\u00e8s le \u00ab\u00a0onDestroy\u00a0\u00bb;<\/li>\n
- Peu utilis\u00e9;<\/li>\n
- Se lance lorsque le lien entre le parent (activit\u00e9) et le fragment est d\u00e9truit.<\/li>\n
- Ne re\u00e7ois aucun argument et ne retourne aucune valeur.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n
Ajouter un fragment \u00e0 un \u00ab\u00a0layout\u00a0\u00bb<\/h2>\n
La mani\u00e8re la plus facile d’ajouter un fragment au \u00ab\u00a0layout\u00a0\u00bb d’une activit\u00e9 est d’utiliser le \u00ab\u00a0widget\u00a0\u00bb \u00ab\u00a0FragmentContainerView<\/span>\u00a0\u00bb .<\/p>\nVoici un exemple simple dans lequel j’ajoute un fragment:<\/p>\n
Le fichier MainActivity.java:<\/p>\n
\npublic<\/span> class<\/span> MainActivity<\/span> extends<\/span> AppCompatActivity<\/span> {<\/span>\r\n\r\n @Override<\/span>\r\n protected<\/span> void<\/span> onCreate<\/span>(<\/span>Bundle<\/span> savedInstanceState<\/span>)<\/span> {<\/span>\r\n super<\/span>.<\/span>onCreate<\/span>(<\/span>savedInstanceState<\/span>);<\/span>\r\n setContentView<\/span>(<\/span>R<\/span>.<\/span>layout<\/span>.<\/span>activity_main<\/span>);<\/span>\r\n }<\/span>\r\n}<\/span>\r\n<\/pre>\n<\/div>\nCe fichier est un fichier Android de base. J’ai modifi\u00e9 l’h\u00e9ritage (\u00ab\u00a0FragmentActivity\u00a0\u00bb au lieu de \u00ab\u00a0AppCompatActivity\u00a0\u00bb), mais \u00e7a aurait fonctionn\u00e9 sans probl\u00e8me avec l’h\u00e9ritage de base.<\/p>\n
Le fichier MonFragment.java:<\/p>\n
\npublic<\/span> class<\/span> MonFragment<\/span> extends<\/span> Fragment<\/span> {<\/span>\r\n\r\n @Override<\/span>\r\n public<\/span> View<\/span> onCreateView<\/span>(<\/span>LayoutInflater<\/span> inflater<\/span>,<\/span> ViewGroup<\/span> container<\/span>,<\/span>\r\n Bundle<\/span> savedInstanceState<\/span>)<\/span> {<\/span>\r\n return<\/span> inflater<\/span>.<\/span>inflate<\/span>(<\/span>R<\/span>.<\/span>layout<\/span>.<\/span>mon_fragment<\/span>,<\/span> container<\/span>,<\/span> false<\/span>);<\/span>\r\n }<\/span>\r\n}<\/span>\r\n<\/pre>\n<\/div>\nCe fichier ne fait que retourner le \u00ab\u00a0layout\u00a0\u00bb du fragment en utilisant un objet \u00ab\u00a0Inflater\u00a0\u00bb.<\/p>\n
Maintenant, voici le layout du \u00ab\u00a0MainActivity\u00a0\u00bb (le fichier \u00ab\u00a0activity_main.xml\u00a0\u00bb):<\/p>\n
\n<?xml version=\"1.0\" encoding=\"utf-8\"?><\/span>\r\n<LinearLayout<\/span> xmlns:android=<\/span>\"http:\/\/schemas.android.com\/apk\/res\/android\"<\/span>\r\n xmlns:tools=<\/span>\"http:\/\/schemas.android.com\/tools\"<\/span>\r\n android:layout_width=<\/span>\"match_parent\"<\/span>\r\n android:layout_height=<\/span>\"match_parent\"<\/span>\r\n tools:context=<\/span>\".MainActivity\"<\/span>\r\n android:orientation=<\/span>\"vertical\"<\/span>><\/span>\r\n\r\n\r\n <Button<\/span>\r\n android:id=<\/span>\"@+id\/button\"<\/span>\r\n android:layout_width=<\/span>\"match_parent\"<\/span>\r\n android:layout_height=<\/span>\"match_parent\"<\/span>\r\n android:layout_weight=<\/span>\"3\"<\/span>\r\n android:text=<\/span>\"Button\"<\/span> \/><\/span>\r\n\r\n <androidx.fragment.app.FragmentContainerView<\/span>\r\n android:id=<\/span>\"@+id\/fragment_conteneur\"<\/span>\r\n android:name=<\/span>\"me.louismarchand.exemplefragment.MonFragment\"<\/span>\r\n android:layout_width=<\/span>\"match_parent\"<\/span>\r\n android:layout_height=<\/span>\"match_parent\"<\/span>\r\n android:layout_weight=<\/span>\"1\"<\/span>