Agregar una pantalla

Las pantallas prediseñadas permiten a los creadores crear fácilmente aplicaciones modernas y responsivas seleccionando 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.

Dispone de las siguientes pantallas nuevas:

• Pantalla de bienvenida
• Encabezado y galería
• Solicitud de aprobación
• Encabezado y formulario
• Encabezado y tabla
• Tabla y formulario

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.

1. Inicie sesión en Power Apps.
2. Crear una aplicación de lienzo en formato tableta.
3. En Power Apps Studio, en la barra de comandos, Seleccionar Nueva pantalla y luego Seleccionar una pantalla.
4. Cuando haya terminado, obtendrá una vista previa de la aplicación y ver cómo se muestra en diferentes dispositivos. Para más información, véase versión preliminar una aplicación.

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

Pantalla de bienvenida

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

El Pantalla de bienvenida Contiene los siguientes controles:

• Contenedor de encabezado
  • Encabezado
• Contenedor de cuerpo
  • Contenedor
    • Contenedor de imágenes
      • Imagen (Cásico)
    • Contenedor de títulos
      • Botón de elemento de característica
      • Texto

Agregar y personalizar la pantalla de bienvenida

1. En Power Apps Studio, Seleccionar Agregar pantalla> Pantalla de bienvenida.
2. Para cambiar la imagen, Seleccionar la imagen y luego Seleccionar Editar.
3. Seleccionar Elemento destacado Controla mediante botones y añade tu propio texto.
4. Seleccionar Descripción breve o mensaje atractivo y editar el texto de la descripción.
5. Para agregar más mosaicos, en la vista de árbol copie y pegue un Recipiente artículo.
6. Para eliminar un mosaico, en la vista de árbol, haga clic con el botón derecho en él. Recipiente y Seleccionar Borrar.

Pantalla de encabezado y galería

Utilice el Encabezado y galería Pantalla para mostrar una amplia gama de información sobre 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 Encabezado y galería La pantalla es un control clásico. Sin embargo, cuando se lanza el control de galería moderno, el Encabezado y galería Pantalla utiliza el control de galería moderna. Para obtener más información, consulte Descripción general de los controles y temas modernos en las aplicaciones de lienzo.

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

• Contenedor de encabezado
  • Encabezado
• Contenedor principal
  • Galería (Clásica)
    • Contenedor de imágenes
      • Imagen (Cásico)
  • Contenedor de títulos
    • Texto del título
    • Texto de descripción
  • Contenedor de botones
    • Botón

Agregar y personalizar la pantalla de encabezado y galería

1. En Power Apps Studio, Seleccionar Agregar pantalla> Encabezado y galería.

2. En la vista de árbol, Seleccionar Gallery and Conectar a un origen de datos como Dataverse.

3. 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 el Este artículo Sintaxis 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

El Solicitud de aprobación La pantalla incluye un encabezado, un formulario con un botón de envío y una galería con etapas predefinidas. El Solicitud de aprobación La pantalla 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.

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

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

Agregar y personalizar la pantalla de solicitud de aprobación

1. En Power Apps Studio, Seleccionar Agregar pantalla> Solicitud de aprobación.

2. En la vista de árbol, Seleccionar Formulario de aprobación y Conectar a un origen de datos como Dataverse.

3. Para ver los detalles de las etapas de aprobación, en la vista de árbol, Seleccionar ReviewersGallery y en el panel de propiedades Seleccionar la pestaña Avanzado y vaya a Elementos.

   Los siguientes detalles forman parte de la etapa de aprobación:

   • Nombre: Nombre de la etapa o aprobador

   • Título: Subtítulo de la etapa o aprobador

   • Estado: Estado de la etapa

   • Actual: 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.

Encabezado y formulario

La pantalla Encabezado y formulario contiene el encabezado, el formulario y dos botones para enviar y Cancelar enviar el formulario. Esta pantalla es ideal para utilizar un formulario que abarque toda la pantalla.

La pantalla de Encabezado y formulario contiene los siguientes controles:

• Contenedor de encabezado
  • Encabezado
• Contenedor principal
  • Contenedor de formulario
    • Formulario
  • Contenedor de botones
    • Botón Cancelar
    • Botón Enviar

Agregar y personalizar el encabezado y la pantalla del formulario

1. En Power Apps Studio, Seleccionar Agregar encabezado de pantalla>y formulario.
2. En la vista de árbol, Seleccionar Form and Conectar a origen de datos.
3. [Opcional] Para garantizar la mejor capacidad de respuesta de la pantalla, elija cada dato tarjeta en el formulario y configure la propiedad Ajuste de ancho en Activado en el panel Propiedades .

Encabezado y tabla

La pantalla de Encabezado y tabla contiene dos controles, un control de encabezado y un control de tabla. Esta plantilla es ideal para mostrar una tabla de datos detallada en una pantalla.

La pantalla de Encabezado y tabla contiene los siguientes controles:

• Contenedor de encabezado
  • Encabezado
• Contenedor principal
  • Table

Agregar y personalizar la pantalla de encabezado y tabla

1. En Power Apps Studio, Seleccionar Agregar encabezado de pantalla>y tabla.
2. En la vista de árbol, Seleccionar Table and Conectar agréguelo a origen de datos.

Tabla y formulario

La pantalla de Tabla y formulario contiene dos controles principales: el control de tabla moderna y el control de formulario moderno. Esta plantilla tiene fórmulas integradas que permiten una fácil conexión y personalización de datos. Power Fx Esta plantilla es ideal para seleccionar y editar un registro mediante un formulario.

La pantalla Tabla y formulario contiene los siguientes controles:

• Contenedor de pantalla
  • Contenedor de encabezado
    • Control de encabezado
  • Contenedor de cuerpo
    • Entrada de texto (Buscar)
    • Control de mesa
    • Control de formularios
    • Botón
      • Nuevo
      • Editar
      • Delete
      • Enviar
      • Cancelar

Agregar y personalizar la pantalla de tablas y formularios

En Power Apps Studio:

1. Seleccionar Agregar pantalla>Tabla y formulario.

2. Seleccionar la pantalla en el lienzo.

3. Seleccionar Datos en la barra de acción en línea.

4. Seleccionar el deseado origen de datos.

   

Una vez conectados, los controles de tabla y formulario quedan vinculados a origen de datos.

Puede Seleccionar un registro en el control de tabla y el formulario mostrará los detalles del registro seleccionado.

Todos los botones de esta plantilla están preconstruidos, por lo que no es necesario realizar más personalizaciones. Power Fx Al cambiar la pantalla al origen de datos seleccionado, la pantalla ahora es completamente funcional.

Reordenar pantallas

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

En el panel izquierdo, pase el cursor sobre la pantalla que desee mover hacia arriba o hacia abajo y luego seleccione Seleccionar Mover hacia arriba o Mover hacia abajo.

Nota

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

Agregar navegación

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

1. Con la pantalla seleccionada, Seleccionar Insertar y en el cuadro de búsqueda escribe Flecha siguiente y luego Seleccionar.

2. (Opcional) Mueva la flecha hasta que aparezca en la esquina inferior derecha de la pantalla.

3. Con la flecha seleccionada, establezca la propiedad OnSelect en la función Navigate .

   

   Cuando un usuario selecciona la flecha, la pantalla Objetivo se desvanece.

4. En la pantalla Objetivo , agregue un ícono de Flecha hacia atrás y configure su propiedad OnSelect en esta fórmula:

   Navigate(Target, ScreenTransition.Fade)

   Nota

   En esta fórmula donde dice Objetivo introduce el nombre de la pantalla donde quieres navegar.

Más información

Referencia de control de pantalla