Windows 8实用窍门系列：9.Windows 8中使用FlipView
本文共 2515 字，大约阅读时间需要 8 分钟。
FlipView控件类似于翻页控件，并且是现成的翻页按钮，你只需要为其增加数据项即可。本文讲述两种方式的FlipView项目和展示。
一：直接前台FlipViewItem
效果如下：
二：前台设置DataTemplate，后台实体集方式添加数据项。
////// 可用于自身或导航至 Frame 内部的空白页。 /// public sealed partial class MainPage : Page { public MainPage() { this.InitializeComponent(); this.fvShow.ItemsSource = ImgModel.GetImgData(); } ////// 在此页将要在 Frame 中显示时进行调用。 /// /// 描述如何访问此页的事件数据。Parameter /// 属性通常用于配置页。 protected override void OnNavigatedTo(NavigationEventArgs e) { } } ////// 图片实体 /// public class ImgModel { ////// 图片名字 /// public string ImgName { get; set; } ////// 图片地址 /// public string ImgAddr { get; set; } ////// 图片URL /// public string ImgUrl { get; set; } public static ListGetImgData() { List list = new List (); list.Add(new ImgModel() { ImgName = "名字：北京冬景", ImgAddr = "地址：北京市", ImgUrl = "http://imgcache.qq.com/club/item/wallpic/items/2/3922/760_300_3922.jpg" }); list.Add(new ImgModel() { ImgName = "名字：上海春景", ImgAddr = "地址：上海市", ImgUrl = "http://imgcache.qq.com/club/item/wallpic/items/7/3147/760_300_3147.jpg" }); list.Add(new ImgModel() { ImgName = "名字：天津秋景", ImgAddr = "地址：天津市", ImgUrl = "http://imgcache.qq.com/club/item/wallpic/items/6/3966/c_760_300_3966.jpg" }); list.Add(new ImgModel() { ImgName = "名字：海南夏景", ImgAddr = "地址：海南市", ImgUrl = "http://imgcache.qq.com/club/item/wallpic/items/5/3695/760_300_3695.jpg" }); list.Add(new ImgModel() { ImgName = "名字：成都风景", ImgAddr = "地址：成都市", ImgUrl = "http://imgcache.qq.com/club/item/wallpic/items/8/2518/760_300_2518.jpg" }); return list; } }
看此方式的效果如下：
最后如需源码请点击 下载。
转载地址：http://ytkwk.baihongyu.com/
你可能感兴趣的文章
mysql /*! 50100 ... */ 条件编译
查看>>
mudbox卸载/完美解决安装失败/如何彻底卸载清除干净mudbox各种残留注册表和文件的方法...
查看>>
mysql 1264_关于mysql 出现 1264 Out of range value for column 错误的解决办法
查看>>
mysql 1593_Linux高可用(HA)之MySQL主从复制中出现1593错误码的低级错误
查看>>
mysql 5.6 修改端口_mysql5.6.24怎么修改端口号
查看>>
MySQL 8.0 恢复孤立文件每表ibd文件
查看>>
MySQL 8.0开始Group by不再排序
查看>>
mysql ansi nulls_SET ANSI_NULLS ON SET QUOTED_IDENTIFIER ON 什么意思
查看>>
multi swiper bug solution
查看>>
MySQL Binlog 日志监听与 Spring 集成实战
查看>>
MySQL binlog三种模式
查看>>
multi-angle cosine and sines
查看>>
Mysql Can't connect to MySQL server
查看>>
mysql case when 乱码_Mysql CASE WHEN 用法
查看>>
Multicast1
查看>>
MySQL Cluster 7.0.36 发布
查看>>
Multimodal Unsupervised Image-to-Image Translation多通道无监督图像翻译
查看>>
MySQL Cluster与MGR集群实战
查看>>
multipart/form-data与application/octet-stream的区别、application/x-www-form-urlencoded
查看>>
mysql cmake 报错,MySQL云服务器应用及cmake报错解决办法
查看>>