Agregar una pantalla

Artículo
05/09/2024

Las pantallas prediseñadas permiten a los creadores crear fácilmente aplicaciones modernas y con capacidad de respuesta con solo seleccionar una pantalla. Las pantallas se han diseñado teniendo en cuenta los escenarios y composiciones habituales de las aplicaciones, y cuentan con contenedores con capacidad de respuesta y controles modernos.

Diseños de pantalla.

Dispone de las siguientes pantallas nuevas:

Agregar una nueva pantalla

Cuando agregue una nueva pantalla, también podrá seleccionar un diseño de pantalla, como la pantalla en blanco o la pantalla dividida, que se adaptan a los distintos tamaños de pantalla.

Inicie sesión en Power Apps.
Crear una aplicación de lienzo en formato tableta.
En Power Apps Studio, en la barra de comandos, seleccione Nueva pantalla y luego seleccione una pantalla.
Cuando haya terminado, obtendrá una vista previa de la aplicación y ver cómo se muestra en diferentes dispositivos. Para obtener más información, consulte Vista previa de una aplicación.

Cuando la opción Escalar para ajustar está desactivada, el diseño de la pantalla de la aplicación se adapta al tamaño de la pantalla del dispositivo en el que se ejecuta.

Pantalla de bienvenida

La pantalla de bienvenida es ideal para la pantalla de inicio de una aplicación. Contiene mosaicos individuales que puede personalizar con una imagen, un título y un texto descriptivo. El número de mosaicos de la pantalla puede modificarse fácilmente añadiendo o quitando baldosas dentro del contenedor del cuerpo. Cada mosaico se puede utilizar para llevar a los usuarios a otras partes de la aplicación.

La Pantalla de bienvenida contiene los siguientes controles:

Contenedor de encabezado
- Encabezado
Contenedor de cuerpo
- Contenedor
  - Contenedor de imagen
    - Imagen (Cásico)
  - Contenedor de título
    - Botón de elemento de característica
    - Texto

Agregar y personalizar la pantalla de bienvenida

En Power Apps Studio, seleccione Agregar pantalla > Pantalla de bienvenida.
Para cambiar la imagen, selecciónela y luego seleccione Editar.
Seleccione el control de botón Elemento de característica y agregue su propio texto.
Seleccione Descripción breve o mensaje interesante y edite el texto de la descripción.
Para agregar más mosaicos, en la vista de árbol copie y pegue un elemento Contenedor.
Para eliminar un mosaico, en la vista de árbol, haga clic derecho en un Contenedor y seleccione Eliminar.

Pantalla de encabezado y galería

Utilice la pantalla Encabezado y galería para mostrar una amplia gama de información de productos o servicios, como un catálogo de productos. Cuando conecta un control de galería a origen de datos, se genera automáticamente un catálogo que requiere poca personalización.

El control de galería en la pantalla Encabezado y galería es un control clásico. Sin embargo, cuando se libera el control de la galería moderna, la pantalla Encabezado y galería utiliza el control de la galería moderna. Para obtener más información, consulte Descripción general de los controles y temas modernos en aplicaciones de lienzo.

La pantalla Encabezado y galería contiene los siguientes controles:

Contenedor de encabezado
- Encabezado
Contenedor principal
- Galería (Clásico)
  - Contenedor de imagen
    - Imagen (Cásico)
- Contenedor de título
  - Texto del título
  - Texto de descripción
- Contenedor del botón
  - Botón

Agregar y personalizar la pantalla de encabezado y galería

En Power Apps Studio, seleccione Agregar pantalla > Encabezado y galería.
En la vista de árbol, seleccione Galería y conéctela a un origen de datos como Dataverse.
Seleccione controles específicos dentro de la galería, como la imagen, el texto del título y la descripción del texto.

En la propiedad Imagen, utilice la sintaxis ThisItem para configurar la imagen deseada. Aplique el mismo método al texto del título y a la descripción del texto.

Pantalla de solicitud de aprobación

La pantalla Solicitud de aprobación incluye un encabezado, un formulario con un botón de envío y una galería con etapas predefinidas. La pantalla Solicitud de aprobación es útil en escenarios donde las acciones se activan mediante el envío de formularios, como enviar una solicitud de aprobación o mostrar un proceso de flujo de trabajo para una empresa.

La pantalla Solicitud de aprobación contiene los siguientes controles:

Contenedor de encabezado
- Encabezado
Contenedor principal
- Contenedor del formulario
  - Texto del título del formulario
  - Formulario de aprobación
  - Botón Enviar
- Contenedor de la barra lateral
  - Texto
  - Galería (Clásico)

Agregar y personalizar la pantalla de solicitud de aprobación

En Power Apps Studio, seleccione Agregar pantalla > Solicitud de aprobación.
En la vista de árbol, seleccione Formulario de aprobación y conéctela a un origen de datos como Dataverse.
Para ver los detalles de las etapas de aprobación, en la vista de árbol, seleccione Galería de revisores y en el panel de propiedades seleccione Avanzado pestaña y vaya a Elementos.

Los siguientes detalles forman parte de la etapa de aprobación:
- Nombre: nombre de la etapa o el aprobador.
- Título: subtítulo de la etapa o el aprobador.
- Estado: estado de la etapa
- Actual: indica si esta es la etapa actual de la solicitud de aprobación.
  
  También puede agregar un flujo de trabajo de aprobación de Power Automate en el botón para notificar al aprobador. Para obtener más información, consulte Crear y probar un flujo de trabajo de aprobación con Power Automate.

Reordenar pantallas

Cuando tiene más de una pantalla, puede reordenarlas.

En el panel izquierdo, desplace el cursor sobre la pantalla que mover hacia arriba o hacia abajo, y seleccione Subir o Bajar.

Nota

Use la propiedad StartScreen para establecer qué pantalla se mostrará primero.

Cuando crea una aplicación de lienzo con varias pantallas, puede agregar navegación para que sus usuarios puedan navegar entre pantallas.

Con la pantalla seleccionada, seleccione Insertar y en el cuadro de búsqueda escriba Flecha siguiente y selecciónela.
(Opcional) Mueva la flecha hasta que aparezca en la esquina inferior derecha de la pantalla.
Con la flecha seleccionad, establezca la propiedad OnSelect a la función Navegar.

Cuando un usuario selecciona la flecha, comienza a aparecer la pantalla Destino.
En la pantalla Destino, agregue un icono Flecha atrás y establezca la propiedad OnSelect en esta fórmula:

Navigate(Target, ScreenTransition.Fade)

Nota

En la fórmula anterior donde dice Destino ingrese el nombre de la pantalla a la que está navegando.

Más información

Referencia de control de pantalla

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).