Control Pantalla en Power Apps

  • Artículo

Elemento de la interfaz de usuario que contiene uno o más controles de una aplicación.

Descripción

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. Para obtener información sobre cómo agregar una pantalla, reordenar pantallas y configurar la navegación, revise Agregar una pantalla.

Propiedades clave

BackgroundImage: nombre de un archivo de imagen que aparece en el fondo de una pantalla.

Fill: el color de fondo de un control.

Propiedades adicionales

Height: la altura de la pantalla. Si la aplicación responde (Escalar para adaptarse está Desactivado) y el dispositivo en el que se ejecuta la aplicación es más corto que esta propiedad, la pantalla puede desplazarse verticalmente.

ImagePosition: la posición (Fill, Fit, Stretch, Tile o Center) de una imagen en una pantalla o un control, si no tiene el mismo tamaño que la imagen.

LoadingSpinner (Ninguno, Controles o Datos): cuando el valor es Ninguno, el indicador giratorio no se mostrará. Cuando el valor sea Controles | Datos, el indicador giratorio se mostrará hasta que todos los controles secundarios en el nivel de la pantalla estén visibles. Nota. Los controles anidados no se consideran.

LoadingSpinnerColor: el color de relleno del indicador giratorio de carga.

Name: el nombre de la pantalla.

OnHidden: el comportamiento de una aplicación cuando el usuario navega fuera de una pantalla.

OnVisible: el comportamiento de una aplicación cuando el usuario navega a una pantalla. Use esta propiedad para configurar variables y precargar datos utilizados por la pantalla. Utilice la propiedad App.OnStart para configurar una vez cuando se inicia la aplicación.

Orientation: la orientación de la pantalla. Si su Width es mayor que su Height, la orientación será Layout.Horizontal; de lo contrario, será Layout.Vertical.

Size: un entero positivo que clasifica el tamaño de la pantalla. La clasificación se determina comparando la propiedad Width de la pantalla con los valores de la propiedad App.SizeBreakpoints. El tipo ScreenSize consta de cuatro valores (Small, Medium, Large y ExtraLarge) que corresponden a los enteros entre 1 y 4.

Width: el ancho de la pantalla. Si la aplicación responde (Escalar para adaptarse está Desactivado) y el dispositivo en el que se ejecuta la aplicación es más estrecho que esta propiedad, la pantalla puede desplazarse horizontalmente.

Distinct( DataSource, ColumnName )

Ejemplo

  1. Agregue un control Radio, asígnele el nombre ScreenFills y establezca su propiedad Items en este valor:

    ["Red", "Green"]

    ¿No sabe cómo agregar, nombrar y configurar un control?

  2. Asigne al control Pantalla predeterminado el nombre Source, agregue otro control Pantalla y asígnele el nombre Target.

  3. En Source, agregue un control Forma (como una flecha) y establezca su propiedad OnSelect en esta fórmula:

    Navigate(Target, ScreenTransition.Fade)

    ¿Desea más información sobre la función Navigate u otras funciones?

  4. En Target, agregue un control Forma (como una flecha) y establezca su propiedad OnSelect en esta fórmula:

    Navigate(Source, ScreenTransition.Fade)

  5. Establezca la propiedad Fill de Target en esta fórmula:

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

  6. Selecciona la pantalla Origen y luego, mientras mantiene presionada la tecla Alt, seleccione una de las dos opciones en el control Radio y luego seleccione el control Forma.

    Target aparece en el color que ha seleccionado.

  7. En Target, seleccione el control Forma para volver a Source.

  8. (opcional) Seleccione la otra opción del control Radio y seleccione el control Forma para confirmar que Target aparece en el otro color.

  9. (opcional) Reordene las pantallas pasando el cursor sobre Target en la barra de navegación izquierda, seleccionando los puntos suspensivos que aparecen y luego seleccionando Subir.

    Target aparece primero cuando el usuario abre la aplicación.

Instrucciones para accesibilidad

Contraste de color

Cuando la Pantalla es el fondo efectivo del texto, debe haber un contraste de color adecuado entre:

Por ejemplo, si un control Pantalla contiene un control Etiqueta y esta tiene relleno transparente, la propiedad Fill de la pantalla se convierte de hecho en el color de fondo de la etiqueta.

Además de texto, podría también comprobar el contraste de color con objetos gráficos esenciales como las imágenes de estrella de un control Calificación.

Compatibilidad con el lector de pantalla

  • Debe haber un nombre significativo para cada Pantalla. El nombre de la pantalla se puede ver y editar de la misma manera que otros controles: en la vista de árbol del panel de controles o en el encabezado del panel de propiedades.

    Nota

    Cuando se carga una nueva Pantalla, los lectores de pantalla anunciarán su nombre.

Nota

¿Puede indicarnos sus preferencias de idioma de documentación? Realice una breve encuesta. (tenga en cuenta que esta encuesta está en inglés)

La encuesta durará unos siete minutos. No se recopilan datos personales (declaración de privacidad).