Control Pantalla en PowerAppsScreen control in PowerApps

Elemento de la interfaz de usuario que contiene uno o más controles de una aplicación.A UI element that contains one or more other controls in an app.

DescripciónDescription

La mayoría de las aplicaciones tienen varios controles Pantalla que contienen controles Etiqueta, Botón y otros controles que muestran los datos y son compatibles con la navegación.Most apps have multiple Screen controls that contain Label controls, Button controls, and other controls that show data and support navigation.

Propiedades principalesKey properties

ImagenDeFondo: nombre de un archivo de imagen que aparece en el fondo de una pantalla.BackgroundImage – The name of an image file that appears in the background of a screen.

Fill: el color de fondo de un control.Fill – The background color of a control.

Propiedades adicionalesAdditional properties

PosiciónDeLaImagen: posición (Rellenar, Ajustar, Estirar, Icono o Centrar) de una imagen en una pantalla o un control, si no tiene el mismo tamaño que la imagen.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.

AlEstarOculto: el comportamiento de una aplicación cuando el usuario navega fuera de una pantalla.OnHidden – The behavior of an app when the user navigates away from a screen.

AlEstarVisible: el comportamiento de una aplicación cuando el usuario navega a una pantalla.OnVisible – The behavior of an app when the user navigates to a screen.

OnStart: el comportamiento de la aplicación cuando el usuario la abre.OnStart – The behavior of the app when the user opens the app.

  • La fórmula en la que se establece esta propiedad se ejecuta antes de que aparezca la primera pantalla de la aplicación.The formula to which this property is set runs before the first screen of the app appears. Llame a la función Navegar para cambiar qué pantalla aparece en primer lugar cuando se inicia la aplicación.Call the Navigate function to change which screen appears first when the app starts.
  • No se pueden establecer variables de contexto con la función UpdateContext porque no ha aparecido aún ninguna pantalla.You can't set context variables with the UpdateContext function because no screen has appeared yet. Sin embargo, puede pasar variables de contexto en la función Navegar y crear y rellenar una colección mediante el uso de la función Recopilar.However, you can pass context variables in the Navigate function and create and fill a collection by using the Collect function.
  • Cuando se actualiza una aplicación, se ejecuta la fórmula en la que se establece esta propiedad cuando la aplicación se carga en PowerApps Studio.When you update an app, the formula to which this property is set runs when the app is loaded into PowerApps Studio. Para ver el impacto de cambiar esta propiedad, tiene que guardar, cerrar y volver a cargar la aplicación.To see the impact of changing this property, you'll need to save, close, and reload your app.
  • La propiedad AlIniciar es realmente una propiedad de la aplicación, no de la pantalla.The OnStart property is actually a property of the app, not the screen. Por comodidad a la hora de editar, se ve y se modifica como una propiedad en la primera pantalla de la aplicación.For editing convenience, you view and modify it as a property on the first screen of your app. Si se quita la primera pantalla o se reorganizan las pantallas, puede ser difícil encontrar esta propiedad.If you remove the first screen or reorder screens, this property may become hard to find. En este caso, guarde, cierre y vuelva a cargar la aplicación y la propiedad volverá a aparecer como una propiedad de la primera pantalla.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 )

EjemploExample

  1. Agregue un control Radio, asígnele el nombre ScreenFills y establezca su propiedad Elementos en este valor:Add a Radio control, name it ScreenFills, and set its Items property to this value:
    ["Red", "Green"]["Red", "Green"]

    ¿No sabe cómo agregar, nombrar y configurar un control?Don't know how to add, name, and configure a control?

  2. Asigne al control Pantalla predeterminado el nombre Source, agregue otro control Pantalla y asígnele el nombre Target.Name the default Screen control Source, add another Screen control, and name it Target.
  3. En Source, agregue un control Forma (como una flecha) y establezca su propiedad AlSeleccionar en esta fórmula: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)

    ¿Desea más información sobre la función Navegar u otras funciones?Want more information about the Navigate function or other functions?

  4. En Target, agregue un control Forma (como una flecha) y establezca su propiedad AlSeleccionar en esta fórmula:In Target, add a Shape control (such as an arrow), and set its OnSelect property to this formula:
    Navigate(Origen, ScreenTransition.Fade)Navigate(Source, ScreenTransition.Fade)
  5. Establezca la propiedad Fill de Target en esta fórmula: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. Desde Source, presione F5, pulse o haga clic en cualquiera de las opciones del control Radio y pulse o haga clic en el control Forma.From Source, press F5, click or tap either option in the Radio control, and then click or tap the Shape control.

    Target aparece en el color que eligiera.Target appears in the color that you chose.

  7. En Target, pulse o haga clic en el control Forma para volver a Source.On Target, click or tap the Shape control to return to Source.
  8. (opcional) Pulse o haga clic en la otra opción del control Radio y pulse o haga clic en el control Forma para confirmar que Target aparece en el otro color.(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. Presione Esc para volver al área de trabajo predeterminada.To return to the default workspace, press Esc.