liste de photos

Durée estimée: 45 minutes

Présentation :

Nous allons d'abord compléter l'application pour que l'utilisateur puisse prendre plusieurs photos et choisir la meilleure avant de la documenter et de l'envoyer.

Puis nous enregistrerons cette liste de photos dans une base de données locales (tinyDB).

Ce que vous allez faire :

  1. découvrir un nouveau type de variables "les listes" dont on manipule le contenu avec des commandes spécifiques.
  2. déclarer une variable de type liste, puis ajouter les photos à la liste après chque prise de vue
  3. ajouter des boutons pour passer à la photo suivante ou précédente,
  4. gérer l'index de la photographie affichée pour qu'il reste compris entre 1 et la longueur de la liste,
  5. ajouter un bouton "delete" pour supprimer la photo affichée, de la liste et de la mémoire.

Ce que vous allez apprendre (notions abordées) :

La gestion de donénes multiples et leur organsittion des données avec les listes.

Ressources en entrée :

version précédente de l'application

Réalisation :

1° partie : présentation des listes et exercices

2° partie : codage des liste dans l'application

  • Interface utilisateur : ajout d'un arrangement horizontal avec 4 boutons en complément de partager :
    • Ajouter (image),
    • (image) précédente,
    • (image) suivante,
    • et suppprimer(image).
    UIPaintListes.png
  • Déclaration des variables utilisées :
    • la liste des noms de fichiers
    • l'index de l'image afficghée dans cette liste
    variablesListes.png
  • Bouton ajouter une image à la liste : boutonAjouterListes.png
  • Bouton afficher image précédente de la liste : boutonPrecedentListes.png
  • Bouton afficher image suivante dans la liste : boutonsuivantListes.png
  • Bouton supprimer une image de la liste : boutonSupprimerListes.png

3° partie : sauvegarde et lecture des listes dans la base locale tinyDB

  • Procédure de lecture de la liste des images dans tinyDB : tinyDBLireListes.png
  • Procédure de sauvegarde de la liste des images dans tinyDB : tinyDBSauvegarderListes.png
  • Appel de la procédure de lecture de la liste des images dans tinyDB : ScreenInitializeListes.png
  • à chaque fois qu'on ajoute une image à la liste, ajout d'un appel à l'enrgeistremenet de la liste des images dans tinyDB : boutontinyDBAjouterListes.png
  • à chaque fois qu'on supprime une image à la liste, ajout d'un appel à l'enrgeistremenet de la liste des images dans tinyDB : boutontinyDBSupprimerListes.png

Quiz / auto contrôle:

à compléter ou supprimer

Extensions possibles / pour votre portfolio

à compléter ou supprimer