快速构建Windows 8风格应用4-FlipView数据控件

简介:

本篇博文主要介绍为什么使用FlipView控件、什么是FlipView控件、如何使用FlipView控件FlipView控件最佳实践

为什么使用FlipView 控件?
如果我们开发一个购物类应用,希望在产品详细页面中显示产品的多个图像,对于这种小型数据集合可以使用FlipView控件。
如果我们开发一个房地产类应用,希望针对每间房屋显示许多图像,以展示各个房间,对于这种中型数据集合可以包括FlipView控件,以便让用户可以跳转到特定的照片。
 
什么是FlipView 控件?
FlipView数据控件用来显示数据集合,用户可以通过滑动在其子窗体间切换,当然也可以点击左右或者上下两侧的切换按钮在其子窗体间切换。 FlipView 控件继承自ItemsControl类。

下面我们来看FlipView控件中几个重要属性和事件:
1) ItemsSource属性:获取或设置生成其内容的对象源;
2) ItemTemplate属性:获取或设置显示项的模版;
3) ItemTemplateSelector属性:选择生效的模版(一般在定义了多个ItemTemplate时使用);
4) ItemsPanel属性:获取或设置放置内容的面板(通常用来改变FlipView控件的切换方向);
5) SelectionChanged事件:当选择的项改变时触发;
 
如何使用FlipView 控件?
对于我们开发者如何在应用程序中使用FlipView控件呈现数据呢?
让我们看一下三种常用的FlipView呈现数据效果和如何在代码中如何实现这些效果:
1) 默认方式,左右浏览数据。
XAML中声明FlipView控件,设置DataTemplate,其中Image控件用于显示图片、TextBlock控件用于显示图片的标题。具体代码如下:
C# 代码 中将数据绑定到FlipView 控件的ItemSource 属性上。具体代码如下:
2) 上下浏览数据
XAML中在声明的FlipView控件中设置ItemsPanel属性,值为vertical。具体如何设置如下图代码中所示:
3) 添加上下文指示器控件,以便用户可以直接跳转到特定的项目
XAML中首先需要声明一个FlipView控件,关于FlipView中属性并没有特别的设置,基本和上面代码相同。具体代码如下:
此处唯一特殊之处是还需要声明一个ListBox控件,用来呈现指示器的效果。
声明的ListBox控件如下,需要注意的是SelctedItem进行了一个双向绑定,是将FlipView3的SelectedItem属性值绑定到ListBox的SelctedItem属性上,其中ListBox控件的ItemContainerStyle属性引用了一个名字为ContextControlItemStyle静态资源,Style属性引用了一个名字为ListBoxStyle1静态资源。
静态资源定义在<Page.Rescource>中,具体代码如下:
C#代码中将数据绑定到FlipView控件的ItemsSource属性上和ListBox的ItemsSource属性上。具体代码如下:
 
FlipView 控件最佳实践
建议:
1) 当集合中的项不能提供足够的上下文信息让用户知道他们当前在哪个集合中时,使用上下文指示器提示用户。
2) 给用户指示,提醒他们在集合中的当前项。
3) 裁剪有提示项的数量和特定的场景。
4) 允许用户跳转到指定的项。
避免:
1)不要使用FlipView呈现大型的集合,可使用ListView和GridView控件来呈现。







 本文转自 王祖康 51CTO博客,原文链接:http://blog.51cto.com/wzk89/988856 ,如需转载请自行联系原作者
目录
打赏
0
0
0
0
348
分享
相关文章
基于云效 Windows 构建环境和 Nuget 制品仓库进行 .Net 应用开发
本文将基于云效 Flow 流水线 Windows 构建环境和云效 Packages Nuget 制品仓库手把手教你如何开发并部署一个 .NET 应用,从环境搭建到实战应用发布的详细教程,帮助你掌握 .NET 开发的核心技能。
Windows Electron 应用更新的原理是什么?揭秘 NsisUpdater
本文介绍了 Electron 应用在 Windows 中的更新原理,重点分析了 `NsisUpdater` 类的实现。该类利用 NSIS 脚本,通过初始化、检查更新、下载更新、验证签名和安装更新等步骤,确保应用的更新过程安全可靠。核心功能包括差异下载、签名验证和管理员权限处理,确保更新高效且安全。
99 4
Windows Electron 应用更新的原理是什么?揭秘 NsisUpdater
Electron-builder 是如何打包 Windows 应用的?
本文首发于微信公众号“前端徐徐”,作者徐徐深入解析了 electron-builder 在 Windows 平台上的打包流程。文章详细介绍了 `winPackager.ts`、`AppxTarget.ts`、`MsiTarget.ts` 和 `NsisTarget.ts` 等核心文件,涵盖了目标创建、图标处理、代码签名、资源编辑、应用签名、性能优化等内容,并分别讲解了 AppX/MSIX、MSI 和 NSIS 安装程序的生成过程。通过这些内容,读者可以更好地理解和使用 electron-builder 进行 Windows 应用的打包和发布。
321 0
C#中windows应用窗体程序的输入输出方法实例
C#中windows应用窗体程序的输入输出方法实例
98 0
WPF与AR/VR的激情碰撞:解锁Windows Presentation Foundation应用新维度,探索增强现实与虚拟现实技术在现代UI设计中的无限可能与实战应用详解
【8月更文挑战第31天】增强现实(AR)与虚拟现实(VR)技术正迅速改变生活和工作方式,在游戏、教育及工业等领域展现出广泛应用前景。本文探讨如何在Windows Presentation Foundation(WPF)环境中实现AR/VR功能,通过具体示例代码展示整合过程。尽管WPF本身不直接支持AR/VR,但借助第三方库如Unity、Vuforia或OpenVR,可实现沉浸式体验。例如,通过Unity和Vuforia在WPF中创建AR应用,或利用OpenVR在WPF中集成VR功能,从而提升用户体验并拓展应用功能边界。
160 1
Windows 8.1 应用再出发 - 几种新增控件(1)
原文:Windows 8.1 应用再出发 - 几种新增控件(1) Windows 8.1 新增的一些控件,分别是:AppBar、CommandBar、DatePicker、TimePicker、Flyout、MenuFlyout、SettingsFlyout、Hub 和 Hyperlink。
1160 0
Windows 8.1 应用再出发 - 几种新增控件(2)
原文:Windows 8.1 应用再出发 - 几种新增控件(2) 本篇我们接着来介绍Windows 8.1 的新增控件,分别是:Flyout、MenuFlyout、SettingsFlyout、Hub 和 Hyperlink。
1068 0
Windows 8.1 应用再出发 (WinJS) - 几种新增控件(2)
原文:Windows 8.1 应用再出发 (WinJS) - 几种新增控件(2) 上篇我们介绍了Windows 8.1 和 WinJS 中新增控件中的 AppBarCommand、BackButton、Hub、ItemContainer,本篇我们接着来介绍 NavBar、Repeater 和 WebView。
1042 0
Windows 8.1 应用再出发 (WinJS) - 几种新增控件(1)
原文:Windows 8.1 应用再出发 (WinJS) - 几种新增控件(1) Windows 8.1 和 WinJS 引入了以下新控件和功能,分别是:AppBarCommand、BackButton、Hub、ItemContainer、NavBar、Repeater、WebView。
1078 0
|
3天前
|
Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)
Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)
40 4
Windows Server 2025 中文版、英文版下载 (2025 年 3 月更新)
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等