Skärmkontroll i PowerAppsScreen control in PowerApps

Ett element i användargränssnittet som innehåller en eller flera kontroller i en app.A UI element that contains one or more other controls in an app.

BeskrivningDescription

De flesta appar har flera Skärm kontroller som innehåller etikett kontroller, knapp kontroller och andra kontroller som visar data och stöd för navigering.Most apps have multiple Screen controls that contain Label controls, Button controls, and other controls that show data and support navigation.

NyckelegenskaperKey properties

BackgroundImage – namnet på en avbildningsfil som visas i bakgrunden på skärmen.BackgroundImage – The name of an image file that appears in the background of a screen.

Fill – Bakgrundsfärgen i en kontroll.Fill – The background color of a control.

Ytterligare egenskaperAdditional properties

ImagePosition – Positionen (Fill, Fit, Stretch, Tile eller Center) för en bild på en skärm eller en kontroll om det inte är samma storlek som bilden.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 – Appens beteende när användaren navigerar bort från en skärm.OnHidden – The behavior of an app when the user navigates away from a screen.

OnVisible – Appens beteende när användaren navigerar till en skärm.OnVisible – The behavior of an app when the user navigates to a screen.

OnStart – Appens beteende när användaren öppnar den.OnStart – The behavior of the app when the user opens the app.

  • Formeln som den här egenskapen anges för körs innan den första skärmen i appen visas.The formula to which this property is set runs before the first screen of the app appears. Anropa funktionen Navigera för att ändra vilken skärm som visas först när appen startar.Call the Navigate function to change which screen appears first when the app starts.
  • Du kan inte ange kontextvariabler med funktionen UpdateContext eftersom ingen skärm visas än.You can't set context variables with the UpdateContext function because no screen has appeared yet. Du kan dock skicka kontextvariabler i funktionen Navigera och skapa och fylla i en samling med hjälp av funktionen Samla in.However, you can pass context variables in the Navigate function and create and fill a collection by using the Collect function.
  • När du uppdaterar en app körs formeln där den här egenskapen är inställd när appen läses in i PowerApps Studio.When you update an app, the formula to which this property is set runs when the app is loaded into PowerApps Studio. Om du vill se effekten av att ändra egenskapen måste du spara, stänga och läsa in appen igen.To see the impact of changing this property, you'll need to save, close, and reload your app.
  • Egenskapen OnStart är faktiskt en egenskap för appen, inte skärmen.The OnStart property is actually a property of the app, not the screen. För att förenkla redigering visar och ändrar du den som en egenskap på den första skärmen i appen.For editing convenience, you view and modify it as a property on the first screen of your app. Om du tar bort den första skärmen eller ordnar om skärmar kan det bli svårt att hitta den här egenskapen.If you remove the first screen or reorder screens, this property may become hard to find. I det fallet kan du spara, stänga och läsa in appen igen, så visas egenskapen igen som en egenskap för den första skärmen.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 )

ExempelExample

  1. Lägg till en Radiokontroll, namnge den ScreenFills och ange egenskapen Objekt som värdet:Add a Radio control, name it ScreenFills, and set its Items property to this value:
    ["Red", "Green"] ["Red", "Green"]

    Vet du inte hur du lägger till, namnger och konfigurerar en kontroll?Don't know how to add, name, and configure a control?

  2. Namnge standardskärmkontrollen Källa, lägg till en annan skärm kontroll och namnge den Mål.Name the default Screen control Source, add another Screen control, and name it Target.
  3. Lägg till ett formulär i Källa (till exempel en pil) och ange egenskapen OnSelect med den här formeln:On Source, add a Shape control (such as an arrow), and set its OnSelect property to this formula:
    Navigate (Mål, ScreenTransition.Fade) Navigate(Target, ScreenTransition.Fade)

    Vill du ha mer information om funktionen Navigate eller andra funktioner?Want more information about the Navigate function or other functions?

  4. Lägg till ett formulär i Mål (till exempel en pil) och ange egenskapen OnSelect med den här formeln:In Target, add a Shape control (such as an arrow), and set its OnSelect property to this formula:
    Navigate (Källa, ScreenTransition.Fade) Navigate(Source, ScreenTransition.Fade)
  5. Ange egenskapen Fyll för Mål med den här formeln: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. Från Källa, tryck på F5, klicka eller tryck på något av alternativen i radiokontrollen och klicka sedan eller tryck på kontrollen Form .From Source, press F5, click or tap either option in the Radio control, and then click or tap the Shape control.

    Mål visas i den färg som du har valt.Target appears in the color that you chose.

  7. Mål klickar eller trycker du på kontrollen Form för att återgå till Källa.On Target, click or tap the Shape control to return to Source.
  8. (valfritt) Klicka eller tryck på ett annat alternativ i radiokontrollen och klicka eller tryck sedan på kontrollen Form för att bekräfta att Mål ska visas med den andra färgen.(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. Återgå till standardarbetsytan genom att trycka på Esc.To return to the default workspace, press Esc.