Agregar una pantalla en desplazamiento a una aplicación de lienzo
En una aplicación de lienzo, cree una pantalla por la que puedan desplazarse los usuarios para ver diferentes elementos. Por ejemplo, cree una aplicación de teléfono que muestre datos en varios gráficos, que los usuarios podrán ver al desplazarse.
Cuando se agregan varios controles en una sección, estos mantienen su posición relativa en dicha sección tanto si se trata de una aplicación para el teléfono como de una aplicación para la tableta. El tamaño y orientación de la pantalla también pueden afectar la forma en que se organizan las secciones.
Requisitos previos
- Crear una aplicación de lienzo en blanco.
- Aprenda a agregar y configurar controles.
Crear una pantalla de desplazamiento
Seleccione Nueva pantalla debajo del menú superior.
Seleccione Desplazable.
Se agrega una nueva pantalla desplazable a la aplicación.
Agregar controles
La pantalla desplazable incluye una cuadrícula fluida con una tarjeta de datos de forma predeterminada. Las tarjetas de datos ayudan a separar los bloques de creación en la pantalla. Para hacer que la pantalla se pueda desplazar con múltiples controles, agregue más tarjetas de datos. Y luego, agregue controles en las tarjetas de datos según sea necesario.
Para agregar tarjetas de datos, puede seleccionar Agregar sección en la parte inferior de la pantalla desplazable.
Comenzaremos agregando controles en la tarjeta de datos disponible con la pantalla desplazable de manera predeterminada y luego agregaremos una nueva sección que agrega otra tarjeta de datos. Una vez que esté disponible una nueva tarjeta de datos, agregaremos otro control dentro de la nueva tarjeta de datos.
Juntos, tanto las tarjetas de datos como los controles dentro de las tarjetas de datos extenderán la longitud predeterminada de la pantalla, lo que requerirá el uso de la capacidad de desplazamiento de la pantalla.
Sugerencia
Para obtener más información acerca de tarjetas de datos, consulte Comprender las tarjetas de datos.
Seleccione + (Insertar) en el panel de la izquierda.
Expanda Gráficos y luego seleccione Gráfico de columnas.
Cambie el tamaño del gráfico agregado en la pantalla para consumir aproximadamente dos tercios de la pantalla.
Reduzca el tamaño de la tarjeta de datos al tamaño del gráfico agregado.
Seleccione Agregar sección en la pantalla para agregar otra sección.
Seleccione Insertar > Gráficos > Gráfico de líneas.
Desplácese hacia abajo en la pantalla usando la barra de desplazamiento del lado derecho de la pantalla y luego seleccione Agregar sección para agregar una tercera tarjeta de datos.
Seleccione Insertar > Entrada > Entrada manuscrita.
Cambie el tamaño del control Entrada manuscrita aumentando el ancho dentro de la tarjeta de datos.
Pulse F5 en el teclado para obtener una vista previa de la aplicación. Desplácese hacia abajo usando la barra de desplazamiento para ir a la parte baja de la pantalla.
Ahora que ha demostrado cómo usar la pantalla desplazable, personalice aún más la aplicación según los requisitos de su negocio.
Desplazamiento de pantalla para formularios
Ya que Power Apps utiliza tarjetas de datos para crear secciones, los controles Mostrar formulario y Editar formulario no se pueden insertar en ellos. El anidamiento de tal combinación de controles puede degradar el rendimiento de la aplicación. Por lo tanto, cuando utilice controles de formulario, utilice contenedores de diseño como un control Contenedor vertical.
Sugerencia
Para obtener información sobre cómo trabajar con formularios, consulte Comprender los formularios de la aplicación de lienzo.
Hay varios métodos diferentes para configurar el desplazamiento con formularios:
Usar la propiedad Vertical Overflow
El uso de la propiedad Vertical Overflow es un método básico para usar una pantalla de desplazamiento que tiene un formulario.
Asegúrese de estar usando una pantalla en blanco y no una pantalla desplazable.
Seleccione Insertar > Disposición y luego seleccione Vertical container.
Desde el lado derecho de la pantalla en el panel de propiedades, seleccione el menú desplegable de la propiedad Vertical Overflow y seleccione Desplazarse.
Agregue el formulario de edición o visualización con los campos obligatorios. Cuando la lista de campos exceda el tamaño del contenedor dentro de la pantalla, podrá desplazarse dentro del contenedor usando la barra de desplazamiento.
Usar contenedores dentro del contenedor Vertical
Para aplicaciones complejas, puede considerar agregar contenedores dentro de un control Contenedor vertical. Y luego, ajuste la altura del formulario y el contenedor interior como se muestra a continuación.
Asegúrese de estar usando una pantalla en blanco y no una pantalla desplazable.
Seleccione Insertar > Disposición y luego seleccione Vertical container.
Desde el lado derecho de la pantalla en el panel de propiedades, seleccione el menú desplegable de la propiedad Vertical Overflow y seleccione Desplazarse.
Seleccione Insertar > Disposición y luego seleccione Contenedor.
Desde el lado derecho de la pantalla en el panel de propiedades, gire la propiedad Flexible height a Apagado.
Agregue el formulario de edición o visualización con los campos obligatorios.
Para habilitar el desplazamiento dentro de la pantalla para el formulario, actualice la altura del contenedor agregado en el paso 4 y el formulario.
Para obtener más información sobre cómo trabajar con la capacidad de respuesta de una aplicación, consulte Crear aplicaciones de lienzo con capacidad de respuesta y Diseños dinámicos
Consulte también
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).