Contrôle Screen dans PowerAppsScreen control in PowerApps

Élément d’interface utilisateur qui contient un ou plusieurs autres contrôles dans une application.A UI element that contains one or more other controls in an app.

DescriptionDescription

La plupart des applications ont plusieurs contrôles Screen contenant des contrôles Label, des contrôles Button et d’autres contrôles qui affichent des données et prennent en charge la navigation.Most apps have multiple Screen controls that contain Label controls, Button controls, and other controls that show data and support navigation.

Principales propriétésKey properties

BackgroundImage : nom d’un fichier image qui apparaît à l’arrière-plan d’un écran.BackgroundImage – The name of an image file that appears in the background of a screen.

Fill : couleur d’arrière-plan d’un contrôle.Fill – The background color of a control.

Propriétés supplémentairesAdditional properties

ImagePosition : position (Fill, Fit, Stretch, Tile ou Center) d’une image dans un écran ou un contrôle si sa taille n’est pas la même que l’image.ImagePosition – The position (Fill, Fit, Stretch, Tile, or Center) of an image in a screen or a control if it isn't the same size as the image.

OnHidden: comportement d’une application quand l’utilisateur quitte un écran.OnHidden – The behavior of an app when the user navigates away from a screen.

OnVisible : comportement d’une application quand l’utilisateur accède à un écran.OnVisible – The behavior of an app when the user navigates to a screen.

OnStart : comportement de l’application lorsque l’utilisateur ouvre celle-ci.OnStart – The behavior of the app when the user opens the app.

  • La formule sur laquelle cette propriété est définie s’exécute avant que le premier écran de l’application s’affiche.The formula to which this property is set runs before the first screen of the app appears. Appelez la fonction Navigate pour modifier l’écran qui s’affiche lorsque l’application démarre.Call the Navigate function to change which screen appears first when the app starts.
  • Vous ne pouvez pas définir de variables de contexte avec la fonction UpdateContext, car aucun écran n’est encore apparu.You can't set context variables with the UpdateContext function because no screen has appeared yet. Toutefois, vous pouvez transmettre des variables de contexte dans la fonction Navigate, ainsi que créer et remplir une collection à l’aide de la fonction Collect.However, you can pass context variables in the Navigate function and create and fill a collection by using the Collect function.
  • Lorsque vous mettez à jour une application, la formule sur laquelle cette propriété est définie s’exécute lors du chargement de l’application dans PowerApps Studio.When you update an app, the formula to which this property is set runs when the app is loaded into PowerApps Studio. Pour voir l’impact de la modification de cette propriété, vous devez enregistrer, fermer et recharger votre application.To see the impact of changing this property, you'll need to save, close, and reload your app.
  • La propriété OnStart est en réalité une propriété de l’application, pas de l’écran.The OnStart property is actually a property of the app, not the screen. Pour simplifier la modification, vous l’affichez et la modifiez en tant que propriété dans le premier écran de votre application.For editing convenience, you view and modify it as a property on the first screen of your app. Si vous supprimez le premier écran ou réorganisez les écrans, cette propriété peut devenir difficile à trouver.If you remove the first screen or reorder screens, this property may become hard to find. Dans ce cas, enregistrez, fermez et rechargez votre application de façon à ce que la propriété réapparaisse en tant que propriété sur le premier écran.In this case, save, close, and reload your app, and the property will reappear as a property of the first screen.

Distinct( DataSource, ColumnName )Distinct( DataSource, ColumnName )

ExempleExample

  1. Ajoutez un contrôle Radio, nommez-le ScreenFills et définissez sa propriété Items sur la formule suivante :Add a Radio control, name it ScreenFills, and set its Items property to this value:
    ["Red", "Green"]["Red", "Green"]

    Vous ne savez pas comment ajouter, nommer et configurer un contrôle ?Don't know how to add, name, and configure a control?

  2. Donnez à l’écran par défaut Screen le nom de Source, ajoutez un autre contrôle Screen et nommez-le Target.Name the default Screen control Source, add another Screen control, and name it Target.
  3. Sur Source, ajoutez un contrôle Shape (par exemple, une flèche) et définissez sa propriété OnSelect sur la formule suivante :On Source, add a Shape control (such as an arrow), and set its OnSelect property to this formula:
    Navigate(Target, ScreenTransition.Fade)Navigate(Target, ScreenTransition.Fade)

    Vous souhaitez davantage d’informations sur la fonction Navigate ou d’autres fonctions ?Want more information about the Navigate function or other functions?

  4. Sur Target, ajoutez un contrôle Shape (par exemple, une flèche) et définissez sa propriété OnSelect sur la formule suivante :In Target, add a Shape control (such as an arrow), and set its OnSelect property to this formula:
    Navigate(Source, ScreenTransition.Fade)Navigate(Source, ScreenTransition.Fade)
  5. Définissez la propriété Fill de l’écran Target sur la formule suivante :Set the Fill property of Target to this formula:
    If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))If("Red" in ScreenFills.Selected.Value, RGBA(255, 0, 0, 1), RGBA(54, 176, 75, 1))
  6. À partir de l’écran Source, appuyez sur F5, cliquez ou appuyez sur une option dans le contrôle Radio, puis cliquez ou appuyez sur le contrôle Shape.From Source, press F5, click or tap either option in the Radio control, and then click or tap the Shape control.

    Target apparaît dans la couleur que vous avez choisie.Target appears in the color that you chose.

  7. Sur Target, cliquez ou appuyez sur le contrôle Shape pour revenir à l’écran Source.On Target, click or tap the Shape control to return to Source.
  8. (facultatif) Cliquez ou appuyez sur l’autre option dans le contrôle Radio, puis cliquez ou appuyez sur le contrôle Shape pour vérifier que Target apparaît dans l’autre couleur.(optional) Click or tap the other option in the Radio control, and then click or tap the Shape control to confirm that Target appears in the other color.
  9. Appuyez sur Échap pour revenir à l’espace de travail par défaut.To return to the default workspace, press Esc.