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 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 d’accueil
• En-tête et galerie
• Demande d’approbation
• En-tête et formulaire
• En-tête et tableau
• Tableau et formulaire

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 commande, Sélectionner Nouvel écran et puis Sélectionner 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 version préliminaire une application.

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

Écran de bienvenue

Le Écran d’accueil 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.

Le Écran d’accueil contient les contrôles suivants :

• Conteneur d’en-tête
  • En-tête
• Conteneur de corps
  • Conteneur
    • Conteneur d’images
      • Image (classique)
    • Titre du conteneur
      • Bouton Élément de fonctionnalité
      • Texte

Ajouter et personnaliser l’écran de bienvenue

1. Dans Power Apps Studio, Sélectionner Ajouter un écran> Écran d’accueil.
2. Pour changer l’image, Sélectionner l’image puis Sélectionner Modifier.
3. Sélectionner Article vedette Contrôlez les boutons et ajoutez votre propre texte.
4. Sélectionner Brève description ou message engageant et éditer le texte de description.
5. Pour ajouter plus de tuiles, dans l’arborescence, copiez et collez une Récipient article.
6. Pour supprimer une tuile, dans l’arborescence, cliquez avec le bouton droit de la souris sur une Récipient et Sélectionner Supprimer.

Écran En-tête et galerie

Utilisez le En-tête et galerie écran pour présenter une large gamme d’informations sur des produits ou des 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 la galerie dans En-tête et galerie L’écran est un contrôle classique. Cependant, lorsque le contrôle de la galerie moderne est relâché, le En-tête et galerie écran utiliser le contrôle de galerie moderne. Pour plus d’informations, voir Présentation des commandes et thèmes modernes dans les applications canevas.

Le En-tête et galerie L’écran contient les commandes suivantes :

• Conteneur d’en-tête
  • En-tête
• Conteneur principal
  • Galerie (Classique)
    • Conteneur d’images
      • Image (classique)
  • Titre du conteneur
    • Texte du titre
    • Texte de la description
  • Conteneur de boutons
    • Bouton

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

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

2. Dans l’arborescence, Sélectionner Gallery and Connecter le place dans un source de données tel que 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 le Cet article syntaxe 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

Le Demande d’approbation L’écran comprend un en-tête, un formulaire comportant un bouton d’envoi et une galerie avec des étapes prédéfinies. Le Demande d’approbation L’écran est utile dans les scénarios où les actions sont déclenchées par des soumissions de formulaires, telles que la soumission d’une demande d’approbation ou l’affichage d’un processus de flux de travail pour une entreprise.

Le Demande d’approbation L’écran contient les commandes suivantes :

• 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électionner Ajouter un écran> Demande d’approbation.

2. Dans l’arborescence, Sélectionner Formulaire d’approbation et Connecter-le dans un source de données tel que Dataverse.

3. Pour afficher les détails des étapes d’approbation, dans l’arborescence, Sélectionner Galerie des réviseurs et dans le volet des propriétés Sélectionner 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 : 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 flux de travail d’approbation avec Power Automate.

En-tête et formulaire

L’écran En-tête et formulaire contient l’en-tête, le formulaire et deux boutons pour soumettre et Annuler soumettre le formulaire. Cet écran est idéal pour utiliser un formulaire sur tout l’écran.

L’écran En-tête et formulaire contient les contrôles suivants :

• Conteneur d’en-tête
  • En-tête
• Conteneur principal
  • Conteneur de formulaire
    • Formulaire
  • Conteneur de boutons
    • Bouton Annuler
    • Bouton d’envoi

Ajouter et personnaliser l’en-tête et l’écran du formulaire

1. Dans Power Apps Studio, Sélectionner Ajouter un en-tête d’écran>et un formulaire.
2. Dans l’arborescence, Sélectionner Form and Connecter le transforme en source de données.
3. [Facultatif] Pour garantir la meilleure réactivité de l’écran, choisissez chaque donnée carte sur le formulaire et définissez la propriété Ajustement de la largeur sur Activé dans le volet Propriétés .

En-tête et table

L’écran En-tête et tableau contient deux contrôles, un contrôle d’en-tête et un contrôle de tableau. Ce modèle est idéal pour présenter un tableau de données détaillé sur un écran.

L’écran En-tête et tableau contient les contrôles suivants :

• Conteneur d’en-tête
  • En-tête
• Conteneur principal
  • Table

Ajouter et personnaliser l’en-tête et l’écran du tableau

1. Dans Power Apps Studio, Sélectionner Ajouter un en-tête d’écran>et un tableau.
2. Dans l’arborescence, Sélectionner Table and Connecter le transforme en source de données.

Table et formulaire

L’écran Tableau et formulaire contient deux contrôles principaux : le contrôle de tableau moderne et le contrôle de formulaire moderne. Ce modèle dispose de formules intégrées pour permettre une connexion et une personnalisation faciles des données. Power Fx Ce modèle est idéal pour sélectionner et modifier un enregistrement à l’aide d’un formulaire.

L’écran Tableau et formulaire contient les contrôles suivants :

• Conteneur d’écran
  • Conteneur d’en-tête
    • Contrôle d’en-tête
  • Conteneur de corps
    • Saisie de texte (recherche)
    • Contrôle des tables
    • Contrôle des formulaires
    • Bouton
      • Nouvelle
      • Modifier
      • Delete
      • Soumettre
      • Annuler

Ajouter et personnaliser un écran de tableau et de formulaire

Dans Power Apps Studio :

1. Sélectionner Ajouter un écran>Tableau et formulaire.

2. Sélectionner l’écran dans la toile.

3. Sélectionner Données dans la barre d’action en ligne.

4. Sélectionner le source de données souhaité.

   

Une fois connectés, les contrôles de table et de formulaire sont tous deux liés au source de données.

Vous pouvez Sélectionner un enregistrement dans le contrôle de table et le formulaire affiche les détails de l’enregistrement sélectionné.

Tous les boutons de ce modèle sont pré-intégrés Power Fx, il n’y a donc pas besoin de personnalisation supplémentaire. Lorsque vous déplacez l’écran vers le Connecter sélectionné, l’écran est désormais entièrement fonctionnel.

Réorganiser les écrans

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

Dans le volet de gauche, passez la souris sur l’écran que vous souhaitez déplacer vers le haut ou vers le bas, puis Sélectionner Déplacer vers le haut ou Déplacer vers le bas.

Note

Utilisez la propriété StartScreen pour définir l’écran qui sera affiché en premier.

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électionner Insérez et dans la zone de recherche tapez Flèche suivante puis Sélectionner.

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 Naviguer .

   

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

4. Sur l’écran Cible , ajoutez une icône Flèche de retour et définissez sa propriété OnSelect sur cette formule :

   Navigate(Target, ScreenTransition.Fade)

   Note

   Dans cette formule où il est écrit Cible entrez le nom de l’écran où vous souhaitez naviguer.

Pour plus d’informations

Référence de contrôle d’écran