WP8.1学习系列(第八章)——透视Pivot设计指南

在本文中

重要的 API

Windows Phone 应用:具有透视项目的透视控件

描述

透视控件是全屏的容器和导航模型,它还提供在不同的透视之间快速移动的方法(视图或筛选器),这些透视通常在同一组数据中。例如,一个使用透视控件的电子邮件应用可能在第一个透视项目(或视图)中列出所有电子邮件,然后将同一列表在其他透视项目中筛选为未读、已标记和紧急电子邮件。

应做事项和禁止事项

  • 使用主题替代透视控件的默认外观。
  • 透视控件将从最后一个透视项目绕到第一个项目,反之亦然。使用该效果正确地设计应用的流。
  • 不要在透视控件中使用四个或五个以上的透视项目,以保证性能并限制用户在项目中迷失的可能性。在透视控件适合其体验的应用场景中谨慎地使用它并限制对透视项目的使用。
  • 仅使用透视控件显示相似类型的对象或数据(例如,相同数据的筛选视图)。
  • 将透视项目标题文本限制为最多两个字词,它们都应向用户提供关于存在下一个透视窗格的视觉线索并帮助本地化。
  • 不要将透视控件用于任务流(暴露完全不同的任务)。不同的透视项目应组成无缝的流(在外观上),在它们之间移动不应对用户的活动造成很大的更改(例如,一页用于筛选邮件,另一页用于查看图片)。
  • 当用户的操作会导致向空白的透视项目添加信息时,不要将其删除。例如,如果当前没有未读电子邮件,不要删除未读电子邮件透视项目,因为同步操作会使一些未读邮件出现。应该显示占位符内容,例如“没有未读邮件”。
  • 不要在中心控件内部使用透视控件,反之亦然。不要在另一个透视控件中放置透视控件。但是,你可以使中心部分内的对象链接到透视控件,反之亦然。
  • 不要使用可在透视控件内平移或滚动的控件。例如,将地图控件放置到透视项目内可让透视控件难于使用。难以分辨所输入手势的用意。例如,如果你有一个滑块并试图向左滑动它,但你处于透视控件的项目中,则不清楚你要移动到相邻的项目还是移动该滑块。需要手势输入的控件的解决方案是将其放置在其自己的页面中并导航到该页面。你可以将禁用了手势的控件放在透视项目中 — 或许是一幅地图。你可以覆盖会激活该地图的按钮。按下或点击该按钮将导航到仅包含地图的不同页面。然后,该用户可以按下后退按钮以返回到透视项目。
  • 不要在透视项目中使用文本输入框。该做法会干扰从左到右的轻拂和平移手势交互。

其他使用指南

将透视控件用于筛选较大的数据集、查看多个数据集或切换应用视图。你的应用可以实现类似于集成的 Windows Phone 透视体验的外观和交互。

外观和操作

透视控件具有一组透视项目(或视图),它们在水平方向依次排列。该控件使用户可以在水平方向滑动或轻拂以前进到下一个透视项目或返回上一个透视项目。

透视具有用于以下触摸交互的内置支持:

  • 水平滑动(触摸并向左/右拖动)
  • 水平轻拂(触摸并向左/右快速轻拂)

项目中的控件可和平时一样进行交互 — 例如,可点击链接,并垂直滚动列表。

控件描述

透视控件是透视项目的托管控件或容器。每个透视项目反过来可以包含任何内容,例如版式面板、控件和链接。有关透视控件体系结构的详细信息,请参阅 Windows Phone 的透视控件体系结构。

透视控件的各个部分(透视标题、透视项目标题等等)

时间: 2024-10-17 19:03:39

WP8.1学习系列(第八章)——透视Pivot设计指南的相关文章

WP8.1学习系列(第九章)——透视Pivot开发指南

Windows Phone 8 的 Pivot 控件 2014/6/18 适用于:Windows Phone 8 和 Windows Phone Silverlight 8.1 | Windows Phone OS 7.1 Windows Phone Pivot 应用提供了一种快速管理视图或页面的方法.该方法可以用于筛选大型数据集.查看多个数据集或切换应用视图.例如,在页面上从左至右轻拂或平移,可以前进到内容的下一个页面. 本主题包括以下部分. Pivot 控件概述 导航支持 Pivot 应用功

WP8.1学习系列(第十八章)——Windows Phone 交互和可用性

本主题讨论了布局会对应用的可用性产生怎样的影响.在应用的可用性上下文中还讨论了其他常用 UI,例如搜索和设置. 在继续使用控件和交互之前,请执行以下操作: 有关概念化应用的策略,请参阅尽你所能,设计最佳 Windows Phone 应用. 阅读控件设计指南中关于标准系统控件的内容. 触摸目标和文本 你的应用应该向用户呈现具有足够大小的触摸目标.用户在点击控件时应得到反馈,说明其点击已对控件产生作用,并允许其在应用内继续执行操作.为此,Windows Phone 对触摸目标和文本的使用有一些特定要

WP8.1学习系列(第十章)——中心控件Hub设计指南

Windows Phone 应用商店应用中的中心控件指南 在本文中 说明 示例 用法指南 设计指南 相关主题 重要的 API Hub (XAML) HubSection (XAML) 说明 中心控件(在手机上,仅适用于按纵向使用)显示一系列可以来回平移的区域.它是应用的全屏容器和导航模型. 中心(以前称为全景)体验是本机 Windows Phone 外观的一区域.与旨在适合手机屏幕边界的应用不同,中心应用通过使用超出屏幕边界的水平虚拟宽画布提供了一个查看控件.数据和服务的独特方式.在 Windo

WP8.1学习系列(第七章)——应用选项卡Pivot交互UX

“应用选项卡”模式用于用户经常在中间导航的多个 UI 页面.如果你的应用基于单个主题(例如,电影.棒球等),该模式尤其有用.每页都将为用户显示与该应用呈现的整体数据相关的一些内容.“应用选项卡”模式可能构成整个应用,或者还可用于应用的子区域.例如,你可以使用中心控件作为应用主要的第一层级(如之前主题所述),然后让用户从该控件导航到应用使用“应用选项卡”模式的子部分(使用透视控件). 想象你希望拥有一个将你家里收藏的电影分类的应用.你可以使用“应用选项卡”模式提供几个不同的电影筛选视图.你可能希望

WP8.1学习系列(第五章)——交互UX中心或透视控件

具有主页菜单(中心或透视控件)的中心应用中心 你可能要设计包含许多功能的应用.当你看着这些功能时,可能会决定将它们整理到独立的区域中.这些区域最终会成为用户要访问的应用的独立部分.你需要设计一个简便的方法,让用户在这些 UI 区域中导航.此类应用需要应用程序中心,用户可在其中启动到应用的每个子区域. 例如,请想象设计一个用于管理足球队的应用.此应用需要多个功能区域—一个用于比赛和练习的日历管理,一个用于球队花名册信息,一个用于得分和球员统计数据,另一个用于过往赛事的视频片段.你会希望提供一种方式

WP8.1学习系列(第二十二章)——在页面之间导航

在本文中 先决条件 创建导航应用 Frame 和 Page 类 页面模板中的导航支持 在页面之间传递信息 缓存页面 摘要 后续步骤 相关主题 重要的 API Page Frame NavigationCacheMode 本主题将讨论基本的导航概念,并演示如何创建一个在两个页面之间进行导航的应用. 有关为你的应用选择最佳导航模式的帮助,请参阅导航模式. 在操作时请参阅平面导航和分层导航模式,它们是应用功能大全系列的一部分. 路线图: 本主题与其他主题有何关联?请参阅: 使用 C# 或 Visual

WP8.1学习系列(第六章)——交互UX:具有面板部分的Hub

本主题中呈现的模型类似于适用于 Windows Phone 的具有主页菜单(中心或透视控件)的中心应用中描述的模型.正如之前的案例所示,你要向用户呈现不同的功能区域.此处的区别在于你可以在顶层呈现所有主要 UI,而无需主页菜单. 用于足球队管理的中心应用中心 UI 如果你的应用没有要导航到的子区域,则你的所有 UI 都可位于一组水平的可访问部分中.你仍可使用 中心控件,但在此案例中,你无需具有主页部分.Windows Phone 上的 People Hub 即属于这种情况.下图显示了中心的基本布

WP8.1学习系列(第一章)——添加应用栏

做过android开发的同学们应该都知道有个ActionBar的头部操作栏,而wp也有类似的一个固定在app页面里通常拥有的内部属性,就是应用栏.以前叫做ApplicationBar,现在wp和win统一称AppBar,以后Win10一统手机和桌面相信Api将会高度统一. 废话不多说了,从wp8.1开始,系统提供了AppBar和CommandBar两种控件,CommandBar集成了很多功能,但是是系统指定的模板,如果要高度自定义(如显示进度条,搜索框等等)应用栏就需要使用AppBar了.其中A

WP8.1学习系列(第四章)——交互UX

交互模式和指南 这部分包括三部分内容,分别是导航模式.命令模式和输入模式. 导航模式 虽然 Windows 导航模式提供了框架,但它提倡创新.激发你的创造力并在已建立的模式上构建. 命令模式 使用应用栏.超级按钮.菜单和页面内容,以使用户可以控制你的应用. 输入模式 了解用户可用于与应用交互的许多方式.深入了解如何设计良好的触摸交互. 导航模式 组织 Windows 或 Windows Phone 应用中的内容,以便用户可以轻松而直观地进行导航. 适用于 Windows 的导航模式 适用于 Wi