在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圖片。

原文鏈接 , OSChina.NET 原創翻譯