Directrices para barras de desplazamiento

Muestra del aspecto de los controles de barra de desplazamiento e indicador de movimiento panorámico estándar

Descripción

El movimiento panorámico y el desplazamiento permite a los usuarios acceder a contenido que se extiende más allá de los límites de la pantalla.

Un control de visor de desplazamiento está compuesto por tanto contenido como quepa en la ventanilla y una o dos barras de desplazamiento. Se pueden usar gestos táctiles para acceder a una vista de movimiento panorámico y zoom (las barras de desplazamiento solo aparecen en fundido mientras se manipulan) y el puntero puede usarse para los desplazamientos. El gesto de toque genera un movimiento panorámico con inercia.

Nota  Windows: hay dos modos de visualización panorámica basados en el dispositivo de entrada detectado: indicadores de movimiento panorámico para entrada táctil y barras de desplazamiento para otros dispositivos de entrada, entre ellos mouse, panel táctil, teclado y pluma.

Ejemplo

Captura de pantalla que ilustra el control de barra de desplazamiento estándar

Qué hacer y qué no hacer

  • Haz que queden visibles los indicadores de movimiento panorámico y las barras de desplazamiento para ofrecer indicaciones de ubicación y tamaño. Ocúltalos si proporcionas una característica de navegación personalizada.
  • Usa movimiento panorámico en un eje para las áreas de contenido que se extienden más allá de un límite de la ventanilla (vertical u horizontal). Usa movimiento panorámico en dos ejes para las áreas de contenido que se extienden más allá de ambos límites de la ventanilla (vertical y horizontal).
  • Usa la funcionalidad de desplazamiento integrada de los siguientes elementos: cuadro de lista, lista desplegable, cuadro de entrada de texto, vista de cuadrícula, vista de lista y controles de navegación centralizada. Con estos controles, si hay demasiados elementos que mostrar al mismo tiempo, el usuario puede desplazarse horizontal o verticalmente por la lista de elementos.
  • Si quieres que el usuario pueda generar una vista panorámica en ambas direcciones sobre un área mayor, y quizá también aplicar zoom también, por ejemplo, si quieres que el usuario pueda generar una vista panorámica y aplicar zoom sobre una imagen a tamaño completo (en lugar de una imagen con tamaño ajustado a la pantalla), coloca la imagen dentro de un visor de desplazamiento.
  • Si el usuario va a desplazarse sobre un fragmento de texto largo, configura el visor para un desplazamiento solamente vertical.
  • El visor de desplazamiento que uses debe contener un solo objeto. Ten en cuenta que ese objeto puede ser un panel de diseño que contenga a su vez cualquier número de objetos.

Temas relacionados

Para diseñadores
Instrucciones de movimiento panorámico
Para desarrolladores (HTML)
Táctil: acercar o alejar y movimiento panorámico
Para desarrolladores (XAML)
ScrollViewer class
ScrollBar class
Inicio rápido: Orientación de la pantalla para Windows Phone

 

 

Mostrar:
© 2015 Microsoft