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 🙂