Afficher des données avec des galeries

Introduction à Power Apps

Luise Freese

Azure & Power Platform Architect

Ajouter une source de données avec SharePoint

 

  • Panneau Données → + Ajouter des données → SharePoint
  • Choisissez votre site, puis votre liste
  • La liste s'affiche comme source de données

Panneau Données de Power Apps avec SharePoint recherché, affichant le connecteur SharePoint en premier résultat

Introduction à Power Apps

Galeries à hauteur flexible

$$

Galerie Power Apps montrant trois lignes de tâches avec titre et sous-titre, chaque ligne s'ajuste automatiquement à son contenu

 

  • Les lignes s'agrandissent selon le contenu
  • Pas de titres coupés ni de pastilles d'état tronquées
  • Valeur par défaut des applications canevas modernes
Introduction à Power Apps

Personnaliser le modèle

 

  • Sélectionnez la ligne de modèle (carte du haut)
  • Chaque contrôle du modèle utilise ThisItem.Column
  • Modifiez une fois, toutes les lignes se mettent à jour

$$

Galerie Power Apps en mode modification du modèle avec l'étiquette de titre sélectionnée et la barre de formule indiquant ThisItem.Title, ainsi chaque ligne affiche son propre titre de tâche

Introduction à Power Apps

Lire une valeur avec Text()

 

Text(ThisItem.DueDate, "[$-en-US]mmm d")
  • Tapez . après un objet pour voir ses propriétés et colonnes
  • Les valeurs ont des types : Text, Number, Boolean, Date/Time, Record, Table
  • ThisItem.DueDate est une Date, donc Text() la formate en Jun 15
  • [$-en-US] définit la langue, mmm d définit le motif
Introduction à Power Apps

Mise en forme conditionnelle

 

  • La couleur d'un contrôle peut dépendre des données de la ligne
  • Utilisez If() dans la propriété Color d'une étiquette
  • Par exemple :

If(ThisItem.Priority = "High", Color.Red, Color.Gray)

 

Galerie Power Apps avec l'étiquette Priority colorée par If(ThisItem.Priority = High, Red, Gray), affichant High en rouge sur deux lignes et Medium en gris

Introduction à Power Apps

Mise en évidence de DueDate

 

  • Formatez les dates de la même façon :

If(ThisItem.DueDate < Today(), Color.Red, Color.Black)

  • Les lignes en retard ressortent immédiatement

Galerie Power Apps avec l'étiquette de date d'échéance colorée par If(ThisItem.DueDate < Today(), Red, Black), montrant les dates passées en rouge et une date future en noir

Introduction à Power Apps

États vides

Écran d'application affichant un état vide avec une icône de tasse de café amicale et le message « Aucune tâche correspondante » centré à l'écran

 

  • Affichez un message convivial quand la galerie est vide
  • Utilisez Visible = IsEmpty(Gallery1.AllItems) sur une étiquette fictive
  • Fonctionne pour données vides et résultats de filtre nuls
Introduction à Power Apps

Une collection ici, un connecteur au travail

 

  • Dans ces exercices, vos lignes résident dans une collection
  • En organisation, vous cibleriez une liste SharePoint ou équivalent
  • Tous les concepts de galerie fonctionnent pareil

$$

$$

Diagramme : une liste SharePoint et une collection dans l'application alimentent la même galerie Power Apps, montrant que la galerie fonctionne pareil peu importe la source

Introduction à Power Apps

Passons à la pratique !

Introduction à Power Apps

Preparing Video For Download...