Como utilizar .Gif en Windows Phone 7 y 8

Estándar

En este articulo explicaremos como cargar Gif en aplicaciones Windows Phone 7 y 8 pero el proyecto la demo la crearemos en WP8

Los primeros pasos es crear un proyecto desde cero. teniendo esto agregaremos una referencia desde Nuget llamada ImageTools.

Sin título

Ya teniendo esto agregado a nuestras referencias nos vamos a MainPage.xaml y agregamos:

xmlns:imagetools=”clr-namespace:ImageTools.Controls;assembly=ImageTools.Controls”

Luego de eso vamos agregar el siguiente recurso

<phone:PhoneApplicationPage.Resources>
<imagetools:ImageConverter x:Key=”ImageConverter” />
</phone:PhoneApplicationPage.Resources>

Ahora en el grid ContentPanel agregamos:

<imagetools:AnimatedImage Source=”{Binding Path=ImageSource, Converter={StaticResource ImageConverter}}” />

Ya en esta parte ya tenemos casi todo listo, ahora nos vamos a MainPage.xaml.cs y despues de InitializeComponent();
agregamos :

ImageTools.IO.Decoders.AddDecoder<GifDecoder>();
InitializeComponent();
this.ImageSource = new Uri(“http://www.knolpad.com/wp-content/uploads/2013/06/Homer-Simpson-Gifs.gif&#8221;, UriKind.Relative);
this.DataContext = this;

 

Luego del  } agregamos :

 public Uri ImageSource { get; set; }

Si queremos visualizar el gif desde nuestro poryecto quedaria asi:

this.ImageSource = new Uri(“Homer-Simpson-Gifs.gif”, UriKind.Relative);

Si queremos ser un poco mas ordenado y guardar todos los gif dentro de una carpeta tendria que llamarse images ya que la DLL tiene algunos problemas de ver los contenidos de otras carpetas.  Y LISTO!!! ya esta funcionando nuestro codigo.

wp_ss_20140226_0001[1]

Como siempre dejo el codigo de Ejemplo.

Saludos

 

 

 

 

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