Ajouter un écran

Les écrans prédéfinis permettent aux créateurs de créer facilement des applications modernes et réactives en sélectionnant simplement un écran. Les écrans sont conçus en tenant compte des scénarios et des compositions courants des applications et présentent des conteneurs réactifs et des contrôles modernes.

Les nouveaux écrans suivants sont disponibles :

• Écran de bienvenue
• En-tête et galerie
• Demande d’approbation

Ajouter un nouvel écran

Lorsque vous ajoutez un nouvel écran, vous pouvez également sélectionner une disposition d’écran telle qu’un écran vide ou fractionné qui s’adapte aux différentes tailles d’écran.

1. Connectez-vous à Power Apps.
2. Créez une application canevas au format Tablette.
3. Dans Power Apps Studio, dans la barre de commandes, sélectionnez Nouvel écran, puis sélectionnez un écran.
4. Lorsque vous avez terminé, vous pouvez prévisualiser l’application et voir comment elle s’affiche sur différents appareils. Pour plus d’informations, voir Prévisualiser une application.

Lorsque l’option Mettre à l’échelle est désactivée, la disposition d’écran de l’application s’adapte à la taille de l’écran de l’appareil sur lequel elle est exécutée.

Écran de bienvenue

L’Écran de bienvenue est idéal pour l’écran de démarrage d’une application. Il contient des vignettes individuelles que vous pouvez personnaliser avec une image, un titre et un texte de description. Le nombre de vignettes sur l’écran peut être facilement modifié en ajoutant ou en supprimant les vignettes dans le conteneur de corps. Chaque vignette peut être utilisée pour diriger les utilisateurs vers d’autres parties de l’application.

L’Écran de bienvenue contient les contrôles suivants :

• Conteneur d’en-tête
  • En-tête
• Conteneur de corps
  • Conteneur
    • Conteneur d’image
      • Image (classique)
    • Conteneur de titre
      • Bouton Élément de fonctionnalité
      • Texte

Ajouter et personnaliser l’écran de bienvenue

1. Dans Power Apps Studio, sélectionnez Ajouter un écran > Écran de bienvenue.
2. Pour changer l’image, sélectionnez l’image, puis sélectionnez Modifier.
3. Sélectionnez le contrôle du bouton Élément de fonctionnalité et ajoutez votre propre texte.
4. Sélectionnez Brève description ou message engageant et modifiez le texte de la description.
5. Pour ajouter d’autres vignettes, dans l’arborescence, copiez et collez un élément Conteneur.
6. Pour supprimer une vignette, dans l’arborescence, cliquez avec le bouton droit sur un Conteneur et sélectionnez Supprimer.

Écran En-tête et galerie

Utilisez l’écran En-tête et galerie pour présenter un large éventail d’informations sur les produits ou les services, comme un catalogue de produits. Lorsque vous connectez un contrôle de galerie à une source de données, un catalogue est automatiquement généré avec peu de personnalisation requise.

Le contrôle de galerie dans l’écran En-tête et galerie est un contrôle classique. Toutefois, lorsque le contrôle de galerie moderne est libéré, l’écran En-tête et galerie utilise le contrôle de galerie moderne. Pour plus d’informations, consultez Présentation des contrôles et des thèmes modernes dans les applications canevas.

L’écran En-tête et galerie contient les contrôles suivantes :

• Conteneur d’en-tête
  • En-tête
• Conteneur principal
  • Galerie (classique)
    • Conteneur d’image
      • Image (classique)
  • Conteneur de titre
    • Texte du titre
    • Texte de la description
  • Conteneur de bouton
    • Bouton

Ajouter et personnaliser l’écran En-tête et galerie

1. Dans Power Apps Studio, sélectionnez Ajouter un écran > En-tête et galerie.

2. Dans l’arborescence, sélectionnez Galerie et connectez-la à une source de données, par exemple Dataverse.

3. Sélectionnez des contrôles spécifiques dans la galerie, tels que l’image, le texte du titre et la description du texte.

   Dans la propriété Image, utilisez la syntaxe ThisItem pour définir l’image souhaitée. Appliquez la même méthode au texte du titre et à la description du texte.

Écran Demande d’approbation

L’écran Demande d’approbation comprend un en-tête, un formulaire avec un bouton d’envoi et une galerie avec des étapes prédéfinies. L’écran Demande d’approbation est utile dans les scénarios où des actions sont déclenchées par les envois de formulaire, comme l’envoi d’une demande d’approbation ou l’affichage d’un processus de workflow pour une entreprise.

L’écran Demande d’approbation contient les contrôles suivants :

• Conteneur d’en-tête
  • En-tête
• Conteneur principal
  • Conteneur de formulaire
    • Texte du titre du formulaire
    • Formulaire d’approbation
    • Bouton d’envoi
  • Conteneur de barre latérale
    • Texte
    • Galerie (classique)

Ajouter et personnaliser l’écran Demande d’approbation

1. Dans Power Apps Studio, sélectionnez Ajouter un écran > Demande d’approbation.

2. Dans l’arborescence, sélectionnez Formulaire d’approbation et connectez-le à une source de données, par exemple Dataverse.

3. Pour afficher les détails des étapes d’approbation, dans l’arborescence, sélectionnez ReviewersGallery et, dans le volet des propriétés, sélectionnez l’onglet Avancé et accédez à Éléments.

   Les détails suivants font partie de l’étape d’approbation :

   • Nom : nom de l’étape ou de l’approbateur.

   • Titre : sous-titre de l’étape ou de l’approbateur.

   • Statut : Statut de l’étape

   • Actuel : indique s’il s’agit de l’étape actuelle de la demande d’approbation.

     Vous pouvez également ajouter un workflow d’approbation Power Automate dans le bouton pour notifier l’approbateur. Pour plus d’informations, consultez Créer et tester un workflow d’approbation avec Power Automate.

Réorganiser les écrans

Lorsque vous avez plusieurs écrans, vous pouvez les réorganiser.

Dans le volet de gauche, survolez un écran que vous souhaitez déplacer vers le haut ou vers le bas, puis sélectionnez Déplacer vers le haut ou Déplacer vers le bas.

Ajouter la navigation

Lorsque vous créez une application canevas avec plusieurs écrans, vous pouvez ajouter la navigation afin que vos utilisateurs puissent naviguer entre les écrans.

1. Avec l’écran sélectionné, sélectionnez Insérer et, dans la zone de recherche, saisissez Flèche Suivant, puis sélectionnez-la.

2. (En option) Déplacez la flèche afin qu’elle apparaisse dans l’angle inférieur droit de l’écran.

3. Avec la flèche sélectionnée, définissez la propriété OnSelect sur la fonction Navigate.

   

   Lorsqu’un utilisateur sélectionne la flèche, l’écran Cible apparaît.

4. Sur l’écran Cible, ajoutez une icône Flèche précédent et définissez sa propriété OnSelect sur la formule suivante :

   Navigate(Target, ScreenTransition.Fade)

   Notes

   Dans la formule ci-dessus où il est indiqué Cible, saisissez le nom de l’écran vers lequel vous naviguez.

Plus d’informations

Référence sur les contrôles d’écran