Tuto Power Apps : Utilisation des Variables

Salut et bienvenue sur Cybermatic pour ce nouveau tuto où nous allons explorer l’utilisation des variables dans Power Apps. 🌟 Les variables sont essentielles pour développer des applications complexes et dynamiques. Aujourd’hui, je vais te montrer comment les utiliser dans des champs de texte et d’autres éléments interactifs. Allez, on passe à la pratique ! 🚀

Introduction 📋

Assure-toi de t’abonner à la chaîne et de laisser un pouce en l’air si ce tuto te plaît. C’est parti !

Étape 1 : Configuration Initiale

1. Ouvrir Power Apps et créer une nouvelle application :
   • J’ai déjà créé une application Power Apps connectée à une liste SharePoint contenant des noms, prénoms et postes.
2. Configurer la Galerie :
   • Ajoute une galerie pour afficher les données de la liste.
   • Modifie les champs affichés selon tes besoins (par exemple, titre, prénom, poste).

Étape 2 : Création des Variables

Ajouter une Étiquette de Texte

1. Ajouter une étiquette de texte :
   • Va dans l’onglet « Insérer » et sélectionne « Étiquette ».
   • Place l’étiquette sur ton écran et modifie sa taille et son style.
2. Déclarer et Initialiser la Variable :
   • Clique sur le chevron de la galerie.
   • Dans la propriété OnSelect, ajoute le code suivant :
   plaintextCopier le codeSet(varPrénom, ThisItem.Prénom);
   • Cela crée une variable varPrénom et lui attribue la valeur du prénom de l’élément sélectionné.
3. Affecter la Variable à l’Étiquette :
   • Sélectionne l’étiquette de texte et modifie sa propriété Text :
   plaintextCopier le codevarPrénom

Ajouter une Zone de Texte (Input)

1. Ajouter une zone de texte :
   • Va dans l’onglet « Insérer » et sélectionne « Texte ».
   • Place la zone de texte sur ton écran.
2. Déclarer et Initialiser une Nouvelle Variable :
   • Clique sur le chevron de la galerie.
   • Ajoute le code suivant dans OnSelect pour créer une variable pour le nom :
   plaintextCopier le codeSet(varNom, ThisItem.Title);
3. Affecter la Variable à la Zone de Texte :
   • Sélectionne la zone de texte et modifie sa propriété Default :
   plaintextCopier le codevarNom

Étape 3 : Réinitialiser les Variables

Ajouter un Bouton de Réinitialisation

1. Ajouter un bouton :
   • Va dans l’onglet « Insérer » et sélectionne « Bouton ».
   • Place le bouton sur ton écran et modifie son texte en « Réinitialiser ».
2. Réinitialiser les Variables :
   • Sélectionne le bouton et modifie sa propriété OnSelect :
   plaintextCopier le codeSet(varPrénom, ""); Set(varNom, "");

Étape 4 : Tester l’Application

1. Exécuter l’application :
   • Appuie sur F5 pour entrer en mode Exécution.
   • Clique sur différents éléments de la galerie pour voir les variables mises à jour dans l’étiquette et la zone de texte.
   • Clique sur le bouton « Réinitialiser » pour vider les champs.

Étape 5 : Vérifier les Variables

1. Accéder aux Variables :
   • Va dans l’onglet « Fichier » > « Variables ».
   • Tu verras une liste des variables globales utilisées dans ton application.
2. Voir les Utilisations des Variables :
   • Clique sur une variable pour voir où elle est utilisée dans l’application.
   • Cela permet de s’assurer que les variables sont utilisées correctement et de les déboguer si nécessaire.

Conclusion 🌟

Voilà, tu sais maintenant comment utiliser les variables dans Power Apps pour créer des applications dynamiques et interactives. Retrouvez en détails comment faire ici et retrouvez tous mes autres tutos par là.

N’oubliez pas de vous abonner à la chaîne et de laisser un commentaire pour me dire ce que vous avez pensé de cette vidéo.