未加星标

Displaying GIFs in a UWP app #UWPLunch

字体大小 | |
[系统(windows) 所属分类 系统(windows) | 发布者 店小二03 | 时间 2016 | 作者 红领巾 ] 0人收藏点击收藏

All this month, I'm taking some time each day to explore (and document) things that are related to UWP development that I haven't fully investigated or used before. While doing it over luncheach day I'm calling it #UWPLunch.

Displaying GIFs in XAML apps has been notoriouslytricky in the past. A mix of licensing issues and a lack of native support meant that complicated workarounds were often needed. The most common solution involved the use of an embedded webbrowser control but it was a far from ideal solution.

With the anniversary update that's changed. GIFs and even animated GIFs are now supported.

Simply drop this in a blank app.

<Image Source="https://api.giphy.com/img/giphy_search.gif" />

and get something that looks like this (minus the animation)


Displaying GIFs in a UWP app #UWPLunch

Going a bit further I wanted something that wouldshow a few more animatedGIFs at once so I created an app that's pointed at the giphytrending API .


Displaying GIFs in a UWP app #UWPLunch

It was just a case of grabbing the API response and serializing it as somethingsuitable

var json = await new HttpClient().GetStringAsync(new Uri("http://api.giphy.com/v1/gifs/trending?api_key=dc6zaTOxFJmzC", UriKind.Absolute));


this.DataContext = JsonConvert.DeserializeObject<ApiResponse>(json);

and then displaying it on the view:

<GridView ItemsSource="{Binding data}" >

<GridView.ItemTemplate>

<DataTemplate>

<Image Source="{Binding images.original.url}"

MaxWidth="200" />

</DataTemplate>

</GridView.ItemTemplate>

<GridView.ItemsPanel>

<ItemsPanelTemplate>

<ItemsWrapGrid Orientation="Horizontal" />

</ItemsPanelTemplate>

</GridView.ItemsPanel>

</GridView>

And voila, a lovely app showing lots of animated gifs:


Displaying GIFs in a UWP app #UWPLunch

Apps requiring the display of gifs are no longer an issue. :)

本文系统(windows)相关术语:三级网络技术 计算机三级网络技术 网络技术基础 计算机网络技术

主题: UW
分页:12
转载请注明
本文标题:Displaying GIFs in a UWP app #UWPLunch
本站链接:http://www.codesec.net/view/483664.html
分享请点击:


1.凡CodeSecTeam转载的文章,均出自其它媒体或其他官网介绍,目的在于传递更多的信息,并不代表本站赞同其观点和其真实性负责;
2.转载的文章仅代表原创作者观点,与本站无关。其原创性以及文中陈述文字和内容未经本站证实,本站对该文以及其中全部或者部分内容、文字的真实性、完整性、及时性,不作出任何保证或承若;
3.如本站转载稿涉及版权等问题,请作者及时联系本站,我们会及时处理。
登录后可拥有收藏文章、关注作者等权限...
技术大类 技术大类 | 系统(windows) | 评论(0) | 阅读(32)