Vos premiers contrôles

Introduction à Power Apps

Luise Freese

Azure & Power Platform Architect

Les contrôles sont des blocs de base

 

  • Les contrôles sont les éléments de base de toute application canevas
  • Chacun a un rôle : afficher du texte, recueillir une entrée, lancer une action
  • Vous les configurez dans la barre de formule en haut de l'éditeur

 

Power Apps Studio, panneau Insérer ouvert depuis la barre d'outils, listant des catégories comme Étiquette de texte, Bouton et Galerie

Introduction à Power Apps

Lire depuis un champ texte

 

  • Un Text Input contient ce que l'utilisateur saisit
  • Sa valeur actuelle se trouve dans TextInput1.Text
  • Référencez-la partout, y compris dans Text d'une étiquette

 

Power Apps Studio avec une étiquette sélectionnée, la barre de formule indiquant Text = "Welcome, " & TextInput1.Text, donc l'étiquette affiche "Welcome, Sam" issu du champ texte au-dessus

Introduction à Power Apps

Variables avec Set()

 

Power Apps Studio avec Button2 sélectionné, barre de formule montrant OnSelect = Set(isSignedIn, true), et le bouton Sign in mis en évidence sur le canevas

 

  • Une variable conserve une valeur entre les actions
  • Set(isSignedIn, true) en crée une nommée isSignedIn
  • Vous retrouverez Set() au chapitre 3
Introduction à Power Apps

Affichage conditionnel avec If()

 

  • Visible = isSignedIn affiche l'étiquette seulement si true
  • Appuyez sur le bouton → variable mise à jour → étiquette affichée
  • If(condition, valeur-si-vrai, valeur-si-faux) pour des choix binaires

$$

Power Apps Studio avec l'étiquette de remerciement sélectionnée, barre de formule affichant Visible = isSignedIn, l'étiquette cachée sur le canevas car isSignedIn est false

Introduction à Power Apps

Les thèmes surpassent le style au cas par cas

 

Sélecteur de thème de Power Apps Studio montrant une grille d'aperçus de thèmes de couleurs à appliquer à toute l'application

 

  • Un thème règle palette, typographie, bordures, ombres → pour toute l'app
  • Chaque contrôle moderne l'hérite → un changement rethématise tout
  • Taille, forme, orientation restent au cas par cas
Introduction à Power Apps

Remplacer un accent

  $$

Vous voulez faire ressortir un contrôle ?

  • Sélectionnez-le et définissez Fill directement : RGBA(...) ou Color.Teal
  • À utiliser avec parcimonie : cela remplace le thème

Capture réelle d'un canevas Power Apps avec le thème Steel appliqué et un accent remplacé

Introduction à Power Apps

Résumé

Application canevas Library Sign-in ouverte dans Power Apps Studio, affichant l'arborescence, le canevas avec contrôles, la barre de formule et le panneau Propriétés

  • Un Text Input alimente d'autres contrôles en direct via la barre de formule
  • Set() stocke une valeur, If() affiche ou masque selon celle-ci
  • Un thème stylise toutes les pages ; remplacez Fill d'un contrôle pour un accent
Introduction à Power Apps

Passons à la pratique !

Introduction à Power Apps

Preparing Video For Download...