Zoom en Image de Windows Phone

Windows Phone cuenta con una gran variedad de controles y uno de ellos es el “Image” que nos permite desplegar una Imagen ya sea local o remotamente, además podemos establecer el largo, ancho, entre otras propiedades sin embargo en algunas ocasiones necesitamos que la imagen tenga un efecto de zoom y por defecto este componente no lo incluye pero con unas pocas líneas de código podemos solucionarlo.

Vamos a trabajar con el control ScrollViewer que representa un área en la que podremos hacer scroll y dentro de ésta agregaremos nuestra imagen.


<ScrollViewer

ZoomMode="Enabled"

MinZoomFactor="1"

HorizontalScrollBarVisibility="Auto"

VerticalScrollBarVisibility="Auto" >

<Image

Source="urlImagen"

HorizontalAlignment="Center"

VerticalAlignment="Center" />

</ScrollViewer>

Como podemos observar estamos estableciendo en el ScrollViewer las siguientes propiedades:

  1. ZoomMode: Indica el comportamiento del zoom, en este caso lo habilitamos.
  2. MinZoomFactor: Indica el valor mínimo en tiempo de ejecución del zoom, establecemos “1” para que la imagen no se pueda hacer muy pequeña.
  3. HorizontalScrollBarVisibility y VerticalScrollBarVisibility: Indican el comportamiento de la barra, si debe estar deshabilitada, habilitada o visible.

Del control Image estamos utilizando:

  1. Source: Indica la URL de la imagen a desplegar.
  2. HorizontalAlignment y VerticalAlignment: Indican la alineación que debe tener horizontal y vertical respectivamente.

Espero que les sea de ayuda 🙂

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