Alors, quel type d'application allons-nous construire dans ce module ici?
Nous allons créer une application de repas, une application où nous pouvons afficher certaines recettes, certaines recettes préférées et également filtrer les recettes et
pour cela dans cette application, nous aurons besoin de navigation.
Nous aurons notre en-tête là-bas avec un titre au milieu et avec un bouton de menu ici à
gauche qui nous permet d'ouvrir un tiroir latéral auquel
je reviendrai dans une seconde et au bas de cette page ici,
nous 'll aura des onglets, nous aurons deux onglets - un pour tous les repas, toutes les recettes et un pour nos favoris que nous pourrons
bien sûr ajouter dans cette application.
Maintenant, sur cette page, nous aurons une grille de catégories, donc
fondamentalement quelque chose comme la nourriture italienne, exotique, peut-être allemande, donc fondamentalement différentes catégories de nourriture et lorsque nous tapons sur l'une
de ces catégories, nous serons
pris sur un deuxième écran où nous aurons alors un bouton de retour en haut pour revenir
avec un autre titre, le titre de la catégorie et
sur cet écran, nous aurons alors les recettes.
Donc là, nous aurons plusieurs de ces cartes avec disons une image, un titre, quelques informations supplémentaires sur la recette comme le temps
qu'il faut pour la créer et ainsi de suite, donc quand nous cliquons
sur le bouton de retour, nous sommes bien sûr repris ici.
Maintenant, c'est une partie et c'est tout où nous sommes sur
l'onglet tout là-bas, donc quand c'est l'onglet actif. Maintenant, nous n'avons pas terminé dans ce flux, bien sûr, nous pouvons appuyer
sur une seule recette et cela nous amènera à une autre page ici où nous pouvons voir les détails de cette recette.
Donc, où nous avons également un en-tête et une image de cette recette et également un
bouton de retour qui nous ramène à cette page ici, où nous avons ensuite également plus d'informations sur
la recette, comme par exemple les ingrédients qui sont une telle liste et puis également les étapes nécessaires pour créer cette recette, comme les oignons
coupés, etc.
Voilà donc les informations sur la recette que nous avons ici et nous pouvons revenir en arrière.
Important, nous aurons également la fonctionnalité pour marquer une recette comme favorite là-bas, par exemple ici dans l'en-tête, nous pourrions avoir une icône
d'étoile qui nous permet de le faire, eh bien c'est une étoile laide mais c'est
quelque chose
que nous pourrions avoir ici pour marquer une recette comme favorite et nous l'ajouterons à cette liste de favoris
parce que c'est l'autre onglet que nous avons ici, non?
C'est le deuxième onglet que nous avons obtenu ici. Lorsque nous appuyons sur cet onglet ici, nous basculons essentiellement l'onglet sur
cet écran de démarrage où nous avons
ce bouton de menu, nous avons toujours nos onglets ici avec tous et avec les
favoris, mais maintenant, disons que les favoris est l'onglet actif.
Eh bien dans ce cas, si les favoris sont l'onglet actif, alors ici, nous voyons essentiellement une liste de
recettes qui ressemble à cette liste ici de recettes lorsque nous
cliquons sur une catégorie, mais maintenant seulement avec une liste de recettes avec les recettes que nous avons marquées comme préféré.
Maintenant, nous pouvons encore faire une seule recette et nous sommes dirigés vers cette page de détail de la recette là-haut
et si nous appuyions maintenant sur le bouton de retour, nous reviendrions bien
sûr sur cette page, donc le bouton de retour nous amène à différents pages selon d'où nous venons.
Maintenant, que se passe-t-il lorsque nous appuyons sur ce tiroir ici, lorsque nous tapons sur ce bouton de menu? Que se passe-t-il dans ce
cas?
Eh bien dans ce cas, nous ouvrons un tiroir latéral qui nous permet d'aller à l'application des repas qui est finalement cette application sur laquelle
nous commençons, où nous avons tous les favoris et également l'écran des filtres. Maintenant, les filtres sont un tout nouvel écran que nous
avons dans cette application, où nous avons également un bouton de menu pour accéder à ce
même menu ici et éventuellement revenir à la page des repas et sur les filtres, nous pouvons définir des filtres comme glutenFree
ou vegan et nous Je vais avoir quelques commutateurs ici qui nous permettent d'activer et de désactiver ces options et
nous avons également comme un bouton de sauvegarde ici en haut qui nous permet ensuite de sauvegarder notre
sélection et ensuite nous pouvons revenir en arrière et les recettes que nous voyons ici seront filtré par notre sélection sur l'écran du filtre.
C'est donc l'application que nous construisons et maintenant ce croquis ici montre deux choses - pour commencer,
mes compétences en dessin ne sont pas si impressionnantes. Cela ne devrait pas trop d'importance, car ce n'est heureusement
pas un cours de dessin.
La chose la plus importante que ce croquis montre est que nous aurons beaucoup de navigation, nous
avons des
onglets, nous avons un tiroir latéral et nous avons une navigation aller-retour, donc nous allons faire des allers-retours entre les pages, nous aurons pour changer le titre
dans l'en-tête en fonction de l'endroit où nous allons, nous devrons changer le contenu à l'écran en fonction de
l'endroit où nous allons et donc, nous avons besoin d'une solution de navigation puissante où nous n'utilisons pas seulement
si vérifie comme nous l'avons fait jusqu'à présent dans le cours. Non seulement parce que ce serait très lourd
à écrire, mais aussi parce que nous voulons ces belles animations, ces transitions entre les écrans et c'est
quelque chose que nous pouvons heureusement ajouter de manière relativement facile.