读书人

Windows Store apps开发[41]FlipView控

发布时间: 2012-11-20 09:55:43 作者: rapoo

Windows Store apps开发[41]FlipView控件的介绍和使用

注:本文由BeyondVincent(破船)原创首发

转载请注明出处:BeyondVincent(破船)@DevDiv.com

Windows Store apps开发[41]FlipView控件的引见和使用


更多内容请查看下面的帖子


[DevDiv原创]Windows 8 开发Step by Step

1、FlipView控件介绍FliView控件用来显示集合中的items,用户可以按顺序(往前或往后)的翻转这些item。如下图所示。
Windows Store apps开发[41]FlipView控件的引见和使用
FlipView的继承关系如下图
Windows Store apps开发[41]FlipView控件的引见和使用


2、FlipView控件的使用
0)程序的一个草图设计。如下图。3个区域,左上角用来显示图片,右上角显示图片介绍,底部显示图片的缩略,起到浏览进度的作用。
Windows Store apps开发[41]FlipView控件的引见和使用

1)简单的类图
Windows Store apps开发[41]FlipView控件的引见和使用

2)创建工程打开VS->文件->新建->项目->选择BlankApp(XAML)
Windows Store apps开发[41]FlipView控件的引见和使用

3)数据准备在工程中添加一个ImageData.cs文件,里面对item进行了定义(ImageData类),代码如下:


可以点击下图的按钮进行图片的翻转


Windows Store apps开发[41]FlipView控件的引见和使用


也可以通过底部的列表进行切换


Windows Store apps开发[41]FlipView控件的引见和使用


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)

读书人网 >windows

热点推荐