1/ Créer une variable cloud pour stocker les informations
On va utiliser les variables CLOUD, c'est-à-dire des variables qui vont pouvoir stocker les informations de tous les utilisateurs. Cela veut dire qu'elle se conservent si n'importe quel utilisateur ferme et ouvre de nouveau ton app ! Tu peux ainsi garder en mémoire les images de tous les utilisateurs pour une app de partage de photo.
Pour l'utiliser, on commence par la créer. Et si la variable n'a jamais été utilisée, on précise qu'il s'agit d'une liste :
2/ Créer une variable stored pour stocker le nom de l'utilisateur
Pour des applications partagées, ça peut être utile de savoir qui poste quoi. On peut donc utiliser un sytème de nom d'utilisateur.
Pour se souvenir du pseudonyme de l'utilisateur, on a besoin de stocker sur le téléphone de l'utilisateur son nom, on va donc utiliser une variable STORED. Sur l'écran d'accueil, on va donc :
Côté Design :
- placer un champ de saisie et un bouton pour valider le nom
Côté Blocks :
- créer notre variable stored
- quand on clique sur le bouton pour valider
- on regarder si le champ de saisie est bien rempli
- on définit notre variable stored au texte saisi
- on cache le bouton et le champ de saisie
3/ Sauvegarder des informations dans sa variable cloud
On peut ensuite ajouter ce que l'on veut dans la liste ! Pour sauvegarder plusieurs informations d'un coup, on va utiliser des objets. Un objet est un conteneur d'information. Pour le projet d'album photo partagé par exemple, on peut créer un objet pour stocker une photo associée au nom de l'utilisateur qui l'a ajouté.
4/ Récupérer des informations de sa variable cloud
Et pour récupérer les éléments de la variable pour les afficher sur un autre écran :
- on va parcourir notre liste d'objets
- et on va afficher les images une à une avec le nom d'utilisateur associé
Pour parcourir une liste, on utilise le bloc suivant :
Dans la partie Any Component, on va ensuite pouvoir créer de nouveaux composants et les modifier !
Dans les blocs objects, on a un bloc pour récupérer une valeur :
Ce qui nous donne le code suivant pour afficher la nouvelle image ajoutée par un utilisateur :
On a ensuite besoin d'un autre bloc pour afficher tout l'album quand on arrive sur l'écran :
