在Windows Phone中如何顯示GIF圖片

話說前幾天我一個朋友跟我談到一個特別的需求，想從Web上下載GIF圖片過來然後在Windows phone 上顯示。我們都知道Silverlight與Windows Phone都是不支援GIF映像格式的。如果你嘗試去下載gif圖片然後在Image控制項上顯示，你將會得到一個異常。

所以我在網路上找到了 ImageTools 庫，這是個包含多種映像格式轉換器的第三方庫，其中就支援針對GIF格式的映像轉換。

使用方式：

首先為你的項目添加此庫的引用，如下圖，我們使用NuGet來擷取ImageTools

為了達成我們的目標，這裡需要兩個組件：

1，AnimatedImage，它將替換掉標準的 Silverlight ImageControl。

2，ImageConverter，完成圖片格式的轉換。

這兩個對象都是 ImageTools.Controls 命名空間下的，所以在XAML中也要申明命名空間

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

一旦已經引入了命名空間，那麼就能將 converter 作為頁面資源添加進來，如下代碼所示

代碼

當然如果希望這個converter能夠在整個項目都能使用，那麼你可以在 App.xaml 檔案的 Application.Resources 節點添加此元素。

好了，現在可以在頁面添加AnimatedImage控制項了，這裡可以將控制項的 Source 屬性綁定為 Uri 對象，然後設定好 Image Converter 的引用。如下：

<StackPanel>    <imagetools:AnimatedImage x:Name="Image" Source="{Binding Path=ImageSource, Converter={StaticResource ImageConverter}}" /></StackPanel>

然後將 ImageSource 屬性在後台C#代碼中進行如下設定。

ImageSource = new Uri("http://www.nonstopgifs.com/animated-gifs/games/games-animated-gif-002.gif", UriKind.Absolute);

最後我們在頁面的構造方法中添加這樣一行代碼來支援GIF解碼的功能。

public MainPage(){    InitializeComponent();    ImageTools.IO.Decoders.AddDecoder<GifDecoder>();}

好了，編譯一遍然後運行，你肯定能看到運動起來的GIF圖片

原文串連地址：http://wp.qmatteoq.com/how-to-display-gif-images-in-a-windows-phone-application/