Cree una pantalla por la que puedan desplazarse los usuarios para ver diferentes elementos. Por ejemplo, es posible que quiera crear una aplicación en la que los datos aparezcan en un gráfico de columnas y en un gráfico de líneas. Si agrega una pantalla de desplazamiento, podrá incorporar diferentes controles 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. Tenga en cuenta que el tamaño y la orientación de la pantalla pueden determinar la organización de las secciones.

 

Requisitos previos

Crear una pantalla de desplazamiento

  1. En la pestaña Inicio, pulse o haga clic en Nueva pantalla:

    Opción para agregar una pantalla a la aplicación

  2. En la pestaña Inicio, pulse o haga clic en Diseños y en la opción que permite agregar un lienzo de desplazamiento infinito:

    Opción para agregar un lienzo de desplazamiento infinito

    Se agrega el lienzo:

    Pantalla con un lienzo de desplazamiento infinito que aparece de forma predeterminada

Agregar elementos

Ahora, vamos a agregar algunos controles al lienzo para ver cómo funciona la pantalla de desplazamiento.

  1. En el lienzo que acaba de agregar, pulse o haga clic en Agregar un elemento desde la pestaña Insertar.

  2. En la pestaña Insertar, pulse o haga clic en Gráficos y, a continuación, en Gráfico de columnas.

    Opción para agregar un gráfico de columnas

    El gráfico de columnas aparece en la primera tarjeta de la pantalla:

    Gráfico de columnas predeterminado

  3. En la pestaña Insertar, pulse o haga clic en Texto y en Entrada manuscrita:

    Opción para agregar un control de entrada manuscrita

  4. Mueva el control de entrada manuscrita hasta situarlo bajo el gráfico y cambie su tamaño para que ocupe la parte inferior de la tarjeta:

    Mueva el control de entrada manuscrita y cambie su tamaño

Agregar una sección

Ahora, vamos a agregar una nueva tarjeta con otro control.

  1. En la parte inferior de la pantalla, pulse o haga clic en Agregar sección:

    Opción para agregar una sección

    Se agrega una nueva tarjeta a la pantalla:

    Nueva tarjeta situada bajo la sección predeterminada

  2. Con la tarjeta seleccionada, vaya a la pestaña Insertar y pulse o haga clic en Gráficos y en Gráfico de líneas.

    El nuevo gráfico es demasiado grande y no puede aparecer en la pantalla con los demás controles:

    Gráfico de líneas agregado en la parte inferior de una nueva tarjeta

  3. Para abrir el modo de vista previa, presione F5 (o haga clic o pulse en el icono de reproducción situado cerca de la esquina superior derecha).

    Abrir el modo de vista previa

  4. Desplácese hacia abajo para ver el nuevo gráfico de líneas.

    Vista previa con el gráfico de líneas