Widget Sección

El widget Sección es un contenedor de diseño para contenido dinámico en una o varias vistas que puede incluir una combinación de cualquiera de los demás widgets, como un mapa, una lista y una imagen. Cuando el widget Sección tiene múltiples vistas, puede activar las herramientas de navegación integradas o el widget puede funcionar en coordinación con el widget Navegación por vistas. Cuando el contenido de una sección cambia, solo se actualiza la sección en lugar de toda la página, lo que permite mejorar el rendimiento de la aplicación.

Ejemplos

Use este widget para apoyar los requisitos de diseño de la aplicación como por ejemplo los siguientes:

  • Quiere visualizar varias imágenes grandes con encabezados similares, pero quiere evitar demasiado desplazamiento en la aplicación. Utilice varias vistas en una sección e incluya las herramientas integradas o agregue un widget Vistas de navegación para que los usuarios puedan acceder a cada imagen sin desplazarse por la página.
  • Dispone de diferentes entidades que se enfocan en la misma ubicación y desea mostrar su información con una lista y un mapa sin necesidad de ir a una página o bloque separados. Puede cambiar las vistas para ver las diferentes perspectivas. Por ejemplo, cree una sección con dos vistas que contengan un mapa y una lista. Una vista presenta un mapa de restaurantes de San Diego y otra vista presenta un mapa del mismo área, aunque con puntos de recreo.

Notas de uso

Puede crear varias vistas para organizar contenido dinámico en una sección. Las secciones pueden existir en cualquier lugar de una página e incluir varias vistas, y puede tener contenido separado en cada vista. Para que los usuarios finales examinen las diferentes vistas de una sección, puede habilitar las herramientas de navegación o agregar un widget Navegación por vistas para elegir entre más estilos y diseños flexibles.

Los usuarios pueden ver los nombres de vista de en el correspondiente widget Navegación por vistas, así que proporcione nombres significativos. La secuencia de vistas en el panel de configuración en el orden en el que aparecerán en el widget Navegación por vistas.

Configuración

El widget Sección incluye estos ajustes:

  • Vistas: agregue varias vistas una a la vez o duplique las vistas existentes si desea que tengan el mismo fondo o diseño.
    • Administre las vistas con las siguientes opciones: Cambiar nombre, Duplicar y Eliminar. El nombre de la vista también se utiliza en la URL de la experiencia. Si cambia el nombre de una vista después de publicar, las direcciones URL utilizadas anteriormente seguirán funcionando.
    • Arrastre vistas para cambiar el orden de navegación en la sección.
    • Icono: elija un icono para cada vista. Puede elegir iconos de las galerías General y Flechas, o agregar su propio icono desde un archivo.
      Nota:

      Puede cargar los siguientes formatos de imagen: PNG, GIF, JPG, JPEG y BMP. Para mantener un rendimiento óptimo, hay un límite de tamaño de 10 MB para cada carga.

    • Fondo: edite el fondo de cada vista eligiendo un color o imagen. Cuando utilice una imagen de fondo, establezca su posición en la vista eligiendo Ajustar, Rellenar, Centro, Tesela o Extender.
    • Carga clara: elija retrasar la carga de contenido de la vista hasta que sea necesario que aparezca en el widget, mejorando el rendimiento de la sección contiene muchas vistas.
  • Herramientas: incluya herramientas para que los usuarios naveguen por las vistas.
    • Flechas
      • Dirección: muestre las flechas horizontal o verticalmente.
      • Tamaño: defina el tamaño de las flechas.
      • Desplazamiento: defina la ubicación de las flechas. El valor 0 indica que las flechas están en el eje del widget Sección. Las flechas con desplazamiento positivo están más cerca que las que tienen valores negativos.
    • Puntos
      • Posición: elija una posición entre izquierda, superior, derecha o inferior.
      • Tamaño: defina el tamaño de los puntos.
      • Desplazamiento: defina la ubicación entre puntos. El valor 0 indica que los puntos están en el eje del widget Sección. Los puntos con desplazamiento positivo están más cerca del centro del widget Sección que los que tienen valores negativos.
      • Espaciado: determine el espaciado entre cada punto.
  • Reproducir automáticamente: muestre las vistas de la sección con un intervalo de tiempo predefinido de manera automática.
    • Intervalo: determine el intervalo entre las vistas cuando la reproducción automática está activada.
    • Bucle: habilite las vistas para que se muestren en bucle.
    • Al pasar el cursor por el widget Sección durante la ejecución, el proceso de reproducción automática se pone en pausa. Si un usuario cambia a otra vista haciendo clic en las herramientas de sección o en un widget Navegación de vistas vinculado, la reproducción automática continúa desde la vista cambiada.
  • La configuración del estilo de Animación para las secciones incluye opciones para animar los paneles de sección y las vistas. Para obtener más información, consulte Animación.