Ejemplos

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

• Desea visualizar varias imágenes grandes con encabezados similares, aunque quiere evitar demasiado desplazamiento en su aplicación. Utilice varias vistas en una sección e incluya las herramientas integradas o agregue un widget Navegación de vistas 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.

Ajustes

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.
  • Arrastre vistas para cambiar el orden de navegación en la sección.
  • 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.
• Herramientas: incluya herramientas para que los usuarios finales 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 e 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.