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

来源:互联网 发布:端口号大全 编辑:程序博客网 时间:2024/05/20 17:40

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

3 0
原创粉丝点击