Windows 10 UWP/Windows 10 Mobile GIF图片显示

Windows 10 UWP/Windows 10 Mobile GIF图片显示

  最近做西邮图书馆安卓版时候，有一个学长建议加载动画用gif图片，那样可能性能会好点。但是之前Windows 10 UWP图书馆我采用的是三张帧图像来实现的，类似美团的加载动画，那个可爱的人儿。当时用930和 PC机测试，感觉挺好的，就是如果人物动作太慢的话，就会卡卡的，有点像 一步两步，似魔鬼的步伐。然后我在想UWP版也采用gif图片吧，结果上网搜了一下wp8.1 win 10等等相关的gif显示，眼泪都快掉下来了，资料少的可怜，不过最终还是被我挖掘出来了。

源码网址：ImageTools源代码网址我的它进行了一部分的精简，其实说白了，就是把里面多余部分去掉了。下载地址：(http://pan.baidu.com/s/1eRsHgDs)

  ！！！注意：有时候下载下来，可能是wp 8.0或者 win 8或者 其他的，总之，不是通用的，上次微博分享说过，我们可以把类库改成可移植的，就能在RT平台用了。方法参考：Windows 10 UWP/Windows 10 Mobile 的微博分享实现

下来就是怎么使用的问题了。

首先，拿到ImageTools源码，记得一定要改成可移植的，我们生成解决方案，在bin/Debug里面拿到类库。如果不想自己生成，其实直接可以在我上传的项目的bin/Debug里面取就行了。

第二步：将类库添加到引用



下来编写前台代码，很简单，就是一个Image控件，不过，首先在界面引用类库的命名空间



然后对于Image控件这样写，gif:AnimationBehavior.SourceUri=”{Binding SelectedImage}” SelectedImage就是一会要绑定gif图片路径。（我现在还没研究出来如何在后台用C#代码写，而不用数据绑定，有能力可以研究下，互相交流）



后台代码，在构造函数里面我就初始化了图片的路径，其实有时候gif图片路径会变，比如微博中不同的微博中有不同的gif图，所以最好实现INotifyPropertyChanged接口，用来通知前台控件更新。





这样基本就实现了Demo。对于实现效果可以下载源代码进行运行查看。我这里使用的是Visual Studio 2015 UWP。Demo地址：Demo