[Windows 8] ScrollViewer

Posted on Actualizado enn


Artículo escrito por: Néstor Fernández.

Twitter: @xamlparaadeptos

Algunos paneles, como el StackPanel, sirven para desplegar listas de controles. Sin embargo, si dicho panel no es lo suficientemente grande para desplegar todos sus elementos al mismo tiempo puede suceder que aquellos que no cupieron en el panel nunca puedan ser vistos por el usuario. Esto se debe a que esto paneles no implementan ningún tipo de barra de desplazamiento que permita al usuario recorrer todo su contenido.

En esta imagen podemos ver un stackpanel que solo presenta algunos elementos, botones en este caso, sin embargo por falta de una barra de desplazamiento el usuario no puede observar los demás elementos.

ScrollViewer01

Para casos como estos existe el control ScrollViewer que proporciona dicha funcionalidad.

Utilizar un ScrollViewer es tan sencillo como colocar en su interior aquel control que adolece de barras de desplazamiento. Por ejemplo:

   1:  <ScrollViewer>
   2:    <StackPanel>
   3:      <Button
   4:        Content="Boton 1" />
   5:      <Button
   6:        Content="Boton 2" />
   7:      <Button
   8:        Content="Boton 3" />
   9:      <Button
  10:        Content="Boton 4" />
  11:      <Button
  12:        Content="Boton 5" />
  13:      <Button
  14:        Content="Boton 6" />
  15:    </StackPanel>
  16:  </ScrollViewer>

Para este ejemplo ya obtenemos barras de desplazamiento que se activan automáticamente cuando el tamaño del contenido lo amerite, y ahora el usuario puede desplazarse para ver los demás elementos:

ScrollViewer02

Téngase presente que el ScrollViewer es un ContentControl y no un Panel. Su trabajo no es presentar listas de datos. Su función es proveer barras de desplazamiento (horizontal o vertical) cuando estas hagan falta.

Funcionalidad

Dada la simplicidad del ScrollViewer sus opciones de configuración no son muy extensas. Sin embargo cuenta con dos útiles propiedades: HorizontalScrollBarVisibility y VerticalScrollBarVisibility. Por medio de estas propiedades podemos alterar la visibilidad de las barras de desplazamiento horizontal y vertical. Sus posibles valores son:

  • Disabled: No se presenta la barra de desplazamiento luego la funcionalidad de desplazamiento se deshabilita.
  • Auto: La barra de desplazamiento se oculta si todo el contenido del ScrollViewer alcanza a ser completamente visible. Solo se hará visible cuando el contenido exceda los límites del ScrollViewer.
  • Visible: La barra de desplazamiento siempre será visible sin importar que todo el contenido sea visible al mismo tiempo.
PARA SABER MÁS… ScrollViewer class

Un comentario sobre “[Windows 8] ScrollViewer

    Resumen Post 2012 « Todo en ASP.NET escribió:
    12/19/2012 en 22:06

    […] [Windows 8] ScrollViewer […]

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s