在 Windows 应用商店应用程序中导航的基础知识

在 Windows 应用商店应用程序中导航的基础知识2014-03-10 MSDN Rachel Appel确保用户能够随时快速而轻松地访问所需内容是任何新型应用程序的一个必不可少的特征。这意味着，在用户需要进行导航之前，导航方式不得干扰用户操作，并且不得强制用户做出难以逆转的选择。这是一种称为“内容在版式上方”的 UI 设计技术。强制实施此设计模式的最佳方法是将大多数导航直接置入到内容中。可以在 Windows 应用商店应用程序中轻松实现这一点，因为它们遵循此导航设计原则。

Windows 应用商店应用程序导航概述

在 Windows 应用商店应用程序中，开发人员将导航置入到内容中，以便在用户费力阅读内容时通过使用其中一种导航模式获得平稳而流畅的体验：

分层

平面

拆分/单页应用程序（SPA）

Visual Studio 2012 通过一组基本应用程序模板来支持所有三种导航模型：网格、拆分和导航（仅 HTML）。在 HTML 应用程序中，每个模板均有一个 navigator.js 文件，该文件中包含执行页面间导航的代码和管理后退按钮的代码。在 XAML 应用程序中，导航已内置到事件模型中。

分层导航模式

关系数据非常适合分层导航。这是因为，通常您必须按某种特定顺序遍历关系内容（例如，在主/详细信息方案中），否则将没有任何意义。但事实并非始终如此，平面导航在这里就派上用场了（稍后将对此进行详细介绍）。虽然相关数据可存在于多个级别中，但根据可用性研究，将三个以上的级别直接置入导航系统中会导致用户很难使用该数据。在仔细研究导航可用性之后，Windows 设计语言团队创建了包含以下三种导航级别的分层导航系统：

中心：这是数据（包括前面和中心的主数据）的启动阶段。它通常是一个主项目（如音乐艺术家）列表。从该列表中，用户可以深入了解每位艺术家的具体信息。正式发布的 Visual Studio 2013（目前为预览版）将引入一种用于创建可靠导航方案的新“中心”模板。

部分：这是一个二级视图，其中包含用户在“中心”页面选择的某个特定组的所有成员。例如，浏览某位特定艺术家的所有专辑就属于部分导航。

详细信息：这包含某个特定项的基本详细信息 - 例如，有关专辑中某首特定歌曲或相集中某张照片的信息。

图 1、图 2 和图 3 中的 CNN 应用程序的上下文中分别显示了这三种样式的示例。

图 1“中心”导航级别

图 2“部分”导航级别