Data binding (liaison de données)
Le data binding (liaison de données) permet d’associer n’importe élément de votre application à une source de données. Vous pouvez lier une propriété, un contenu, une action, etc. Lorsque la donnée change de valeur, l’élément associé reflète automatiquement ce changement.
Voici quelques exemples d’utilisations du data binding :
- Afficher la valeur d’un score utilisateur
- Afficher une image issue d’une base de données Airtable
- Déclencher une condition en fonction d’un texte saisi par l’utilisateur
Le data binding est présent à tous les niveaux de votre interface PandaSuite Studio.
Lier un élément à une donnée
Dans le panneau Propriétés, cliquez sur le nom de la propriété à lier. Dans la fenêtre de data binding, sélectionnez parmi plusieurs sources de données :
- Depuis un composant : sélectionnez n’importe quel composant de votre application (il peut être sur un autre écran ou même au niveau du projet)
- Depuis une source de données : choisissez une variable du Datastore, une source externe via le composant HTTP ou une donnée associée à un utilisateur via Firebase
- Depuis le projet : accédez aux propriétés définies au niveau du Projet, dont la date et heure actuelles
- Identifiant PandaSuite : identifiant unique de l’installation de l’application sur l’appareil
- Nombre aléatoire : retourne un nombre aléatoire entre 0 et 1
Vous pouvez transformer la donnée liée à l’aide d’une fonction : compter des éléments, extraire un item par index, formater une date, etc.
Ci-dessous le bloc de texte est “bindé” avec la valeur du composant Saisie de texte situé dans l’écran précédent. Dès que l’utilisateur saisit son prénom, celui-ci apparaît à la place du lorem :