Partager via

Contrôle Écran dans Power Apps

  • Article

Élément d’interface utilisateur qui contient un ou plusieurs autres contrôles dans une application.

Description

La plupart des applications ont plusieurs contrôles Écran contenant des contrôles Étiquette, des contrôles Bouton et d’autres contrôles qui affichent des données et prennent en charge la navigation. Pour plus d’informations sur l’ajout d’un écran, la réorganisation des écrans et la configuration de la navigation, consultez Ajouter un écran.

Propriétés clés

BackgroundImage : nom d’un fichier image qui apparaît à l’arrière-plan d’un écran.

Fill : couleur d’arrière-plan d’un contrôle.

Propriétés supplémentaires

Height : hauteur de l’écran. Si l’application est réactive (Mettre à l’échelle est définie sur Désactivé) et si l’appareil sur lequel l’application est exécutée est plus court que cette propriété, l’écran peut défiler verticalement.

ImagePosition : position (Fill, Fit, Stretch, Tile, or Center) d’une image dans un écran ou un contrôle si sa taille n’est pas la même que l’image.

LoadingSpinner (None, Controls or Data) : si définie sur None, la toupie ne s’affiche pas. Lorsque la valeur est Controls | Data, affiche la toupie jusqu’à ce que tous les contrôles enfants au niveau de l’écran soient visibles. Note. Les contrôles imbriqués ne sont pas pris en compte.

LoadingSpinnerColor : couleur de remplissage de la toupie de chargement.

Name : nom de l’écran.

OnHidden: comportement d’une application quand l’utilisateur quitte un écran. Si la règle Désactiver App.OnStart non bloquant est activée dans les paramètres de l’application, cette propriété devra peut-être attendre la fin de l’exécution de App.OnStart. Cette option est activée par défaut.

OnVisible : comportement d’une application quand l’utilisateur accède à un écran. Utilisez cette propriété pour configurer les variables et précharger les données utilisées par l’écran. Utilisez la propriété App.OnStart pour la configuration une fois l’application démarrée. Si App.OnStart non bloquant est activé, l’événement Screen.OnVisible peut s’exécuter parallèlement à celui-ci. Par conséquent, il est recommandé de ne pas s’appuyer sur des variables ou des collections initialisées par App.OnStart, car elles risquent de ne pas être entièrement initialisées.

Orientation : orientation de l’écran. Si sa propriété Width est supérieure à sa propriété Height, l’orientation sera définie sur Layout.Horizontal ; sinon, elle sera définie sur Layout.Vertical.

Size : un entier positif qui classe la taille de l’écran. La classification est déterminée en comparant la propriété Width de l’écran aux valeurs de la propriété App.SizeBreakpoints. Le type ScreenSize est constitué de quatre valeurs (Small, Medium, Large et ExtraLarge) qui correspondent aux entiers 1 à 4.

Width : largeur de l’écran. Si l’application est réactive (Mettre à l’échelle est définie sur Désactivé) et si l’appareil sur lequel l’application est exécutée est plus étroit que cette propriété, l’écran peut défiler horizontalement.

Distinct( DataSource, ColumnName )

Exemple

  1. Ajoutez un contrôle Case d’options, nommez-le ScreenFills et définissez sa propriété Items sur la formule suivante :

    ["Red", "Green"]

    Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?

  2. Donnez à l’écran par défaut Écran le nom de Source, ajoutez un autre contrôle Écran et nommez-le Target.

  3. Sur Source, ajoutez un contrôle Forme (par exemple, une flèche) et définissez sa propriété OnSelect sur la formule suivante :

    Navigate(Target, ScreenTransition.Fade)

    Vous souhaitez davantage d’informations sur la fonction Navigate ou d’autres fonctions ?

  4. Sur Target, ajoutez un contrôle Forme (par exemple, une flèche) et définissez sa propriété OnSelect sur la formule suivante :

    Navigate(Source, ScreenTransition.Fade)

  5. Définissez la propriété Fill de l’écran Target sur la formule suivante :

    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))

  6. Sélectionnez l’écran Source, puis touten maintenant la touche Alt enfoncée, sélectionnez une option dans le contrôle Case d’options, puis sélectionnez le contrôle Forme.

    Target apparaît dans la couleur que vous avez sélectionnée.

  7. Sur Target, sélectionnez le contrôle Forme pour revenir à l’écran Source.

  8. (facultatif) Sélectionnez l’autre option dans le contrôle Case d’options, puis sélectionnez le contrôle Forme pour vérifier que Target apparaît dans l’autre couleur.

  9. (En option) Réorganisez les écrans en survolant Target dans la barre de navigation de gauche, en sélectionnant les points de suspension qui s’affichent, puis en sélectionnant Monter.

    Target s’affiche en premier lorsque l’utilisateur ouvre l’application.

Instructions d’accessibilité

Contraste des couleurs

Lorsque l’Écran est l’arrière-plan effectif du texte, il doit y avoir un contraste des couleurs adéquat entre :

Par exemple, si un Écran contient une Étiquette et si l’étiquette a un remplissage transparent, alors la propriété Fill de l’écran devient effectivement la couleur d’arrière-plan de l’étiquette.

En plus du texte, envisagez de vérifier un contraste des couleurs avec des objets graphiques essentiels tels que les images en étoile dans un contrôle Évaluation.

Prise en charge du lecteur d’écran

  • Il doit y avoir un nom significatif pour chaque Écran. Le nom de l’écran peut être affiché et modifié de la même façon que d’autres contrôles : dans l’arborescence du panneau de contrôle ou dans l’en-tête du volet Propriétés.

    Note

    Lorsqu’un nouvel Écran est chargé, les lecteurs d’écran annoncent son nom.