Windows Store apps开发[41]FlipView控件的介绍和使用
注:本文由BeyondVincent(破船)原创首发
转载请注明出处:BeyondVincent(破船)@DevDiv.com
![Windows Store apps开发[41]FlipView控件的引见和使用](http://img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518204.png)
更多内容请查看下面的帖子
[DevDiv原创]Windows 8 开发Step by Step
1、FlipView控件介绍FliView控件用来显示集合中的items,用户可以按顺序(往前或往后)的翻转这些item。如下图所示。
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518205.png)
FlipView的继承关系如下图
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518206.png)
2、FlipView控件的使用
0)程序的一个草图设计。如下图。3个区域,左上角用来显示图片,右上角显示图片介绍,底部显示图片的缩略,起到浏览进度的作用。
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518207.png)
1)简单的类图
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518208.png)
2)创建工程打开VS->文件->新建->项目->选择BlankApp(XAML)
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518209.png)
3)数据准备在工程中添加一个ImageData.cs文件,里面对item进行了定义(ImageData类),代码如下:
可以点击下图的按钮进行图片的翻转
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518210.png)
也可以通过底部的列表进行切换
![Windows Store apps开发[41]FlipView控件的引见和使用](//img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518211.png)
3、代码下载地址:
http://www.devdiv.com/thread-147222-1-1.html
3、FlipView参考资料FlipView ClassHow to add a flip view (Windows Store apps using C#/VB/C++ and XAML)
Quickstart: Adding FlipView controls (Windows Store apps using C#/VB/C++ and XAML)
Guidelines and checklist for FlipView controls (Windows Store apps)
0)程序的一个草图设计。如下图。3个区域,左上角用来显示图片,右上角显示图片介绍,底部显示图片的缩略,起到浏览进度的作用。
![Windows Store apps开发[41]FlipView控件的引见和使用](http://img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518207.png)
1)简单的类图
![Windows Store apps开发[41]FlipView控件的引见和使用](http://img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518208.png)
2)创建工程打开VS->文件->新建->项目->选择BlankApp(XAML)
![Windows Store apps开发[41]FlipView控件的引见和使用](http://img.reader8.net/uploadfile/jiaocheng/201401107/2831/2014012822314518209.png)
3)数据准备在工程中添加一个ImageData.cs文件,里面对item进行了定义(ImageData类),代码如下:
可以点击下图的按钮进行图片的翻转
也可以通过底部的列表进行切换
3、代码下载地址:
http://www.devdiv.com/thread-147222-1-1.html
3、FlipView参考资料FlipView ClassHow to add a flip view (Windows Store apps using C#/VB/C++ and XAML)
Quickstart: Adding FlipView controls (Windows Store apps using C#/VB/C++ and XAML)
Guidelines and checklist for FlipView controls (Windows Store apps)