Applications canevas : écrans, contrôles et propriétés

Qu’est-ce que Power Apps ?

Power Apps permet de créer des applications métier sans développement traditionnel : saisie de demandes d’achat, inventaire, inspection sur le terrain, suivi de visites. Les applications fonctionnent dans un navigateur, sur mobile (application Power Apps) et dans Teams. Elles s’appuient sur des sources de données (listes SharePoint, Dataverse, Excel, SQL…) et peuvent déclencher des flux Power Automate.

On les construit sur make.powerapps.com et l’on distingue deux types :

Type	Principe	Quand l’utiliser
Canevas	vous dessinez chaque écran, pixel par pixel, et écrivez des formules	interfaces sur mesure, mobile, sources variées
Pilotée par modèle	l’application est générée à partir des tables, formulaires et vues Dataverse	processus riches en données, interface standardisée

Ce cours porte sur les applications canevas.

Le studio

Créer > Application vide > Application canevas vide ouvre Power Apps Studio :

• l’arborescence (à gauche) : les écrans et leurs contrôles ;
• le canevas (au centre) : l’écran en cours de conception ;
• le volet des propriétés (à droite) : les réglages du contrôle sélectionné ;
• la barre de formule (en haut) : la liste déroulante des propriétés et la formule de la propriété choisie ;
• le menu Insérer : étiquettes, boutons, zones de texte, listes déroulantes, galeries, formulaires, icônes.

Choisissez au départ le format (téléphone ou tablette) : il fixe les proportions des écrans.

Des propriétés qui sont des formules

Chaque contrôle a des propriétés : Text, Fill (couleur de fond), Color, Visible, X, Y, Width, Height, DisplayMode… La valeur d’une propriété est une formule Power Fx, recalculée automatiquement dès qu’une valeur dont elle dépend change, exactement comme une cellule Excel.

Exemple : une zone de texte txtNom et une étiquette dont la propriété Text vaut :

"Bonjour " & txtNom.Text

Dès que l’utilisateur tape son nom, l’étiquette se met à jour, sans bouton ni code supplémentaire. De même, la propriété Visible d’un bouton peut valoir !IsBlank(txtNom.Text) : le bouton n’apparaît que si le nom est saisi.

Les noms de fonctions sont toujours en anglais (If, Filter, Navigate). En revanche, dans un Power Apps configuré en français, les séparateurs suivent la langue : ; entre les arguments (au lieu de ,), ;; pour enchaîner des actions (au lieu de ;), et la virgule comme séparateur décimal (1,5). La documentation de Microsoft, rédigée en anglais, utilise , et ; : adaptez en conséquence.

Les propriétés de comportement

Certaines propriétés ne calculent pas une valeur mais exécutent des actions lors d’un événement : OnSelect (clic ou appui), OnChange, OnVisible (affichage d’un écran), App.OnStart (ouverture de l’application). Exemple sur un bouton :

Navigate(EcranDetail; ScreenTransition.Fade)

Navigate affiche un autre écran, Back() revient au précédent. Plusieurs actions s’enchaînent avec ;; :

Notify("Demande enregistrée"; NotificationType.Success);; Navigate(EcranAccueil)

Nommer, tester, publier

• Nommez écrans et contrôles avec un préfixe : scrAccueil, lblTitre, btnValider, txtMontant, galDemandes. Les formules deviennent lisibles.
• Testez avec Aperçu (F5) ; quittez avec Échap. Dans le studio, maintenez Alt pour cliquer sur un bouton sans quitter le mode conception.
• Enregistrer crée une version ; Publier rend cette version disponible pour les utilisateurs. Tant que vous ne publiez pas, ils continuent d’utiliser la précédente.
• Le vérificateur d’application (icône stéthoscope) liste les erreurs de formule et les problèmes d’accessibilité.