快速构建Windows 8风格应用23-App Bar概述及使用规范

原文:快速构建Windows 8风格应用23-App Bar概述及使用规范

本篇博文主要介绍App Bar概述、App Bar命令组织步骤、App Bar最佳实践。

 

App Bar概述

Windows 8 Store应用中的App Bar(应用程序工具栏)起到的作用和Windows Phone中AppBar一样。我们可以向用户提供各种操作接口,实现导航或者触发命令等。

AppBar一般默认是隐藏的,也可以设置为始终可见。我们可以通过清扫屏幕上边缘或下边缘时显示AppBar,AppBar被点击之后或失去焦点后隐藏,当然我们也可以通过编程方式控制AppBar显示或隐藏。

Windows 8 Store应用中通常包含两种AppBar:

1)底部AppBar

底部AppBar通常用于触发命令,并且全局命令在右侧,上下文命令在左侧。当选中上下文命令的项目时,可以通过编程方式调用。如果有单个常用命令,可以将其放置在画布上。菜单弹出可以用于显示相关的命令组。

2)顶部AppBar

顶部AppBar用于沉浸式视图中的导航,例如:添加返回按钮或标题等,也可以用于在页面或视图间进行切换。

 

App Bar命令组织步骤

Step 1:组织命令

确定所有应用命令,然后按照方案或位置组织它们。

我们需要考虑的问题包括:

1)什么命令应该显示在整个应用中;

2)什么命令应该只显示在某些页面上;

3)什么命令应该使用超级按钮或转至设置;

下面是我们浏览一个餐馆应用时可能用到的命令列表:

Step 2:创建命令集

我们需要将相似的命令分组到命令集。AppBar将命令集显示为一个单元,每个命令集之间有一个分隔符。

我们需要考虑的问题包括:

1)哪些命令在功能上相关;

2)哪些命令在功能上相关;

3)做出选择时应该显示哪些命令;

将上面的餐馆应用中命令分组到命令集:

Step 3:创建菜单

我们需要考虑命令集是否在一个命令菜单中更合适。

我们需要考虑的问题包括:

1)AppBar是否太拥挤或存在太多命令而无法适应

2)是否存在一个集可以从更长的标签或互动控件中获益

命令菜单给我们带来的好处是:允许使用更少的空间提供更多选项,并包含互动控件。

上图中“排序”菜单弹出一个简单列表,以方便选择选项,“筛选”菜单弹出一组控件,允许用户按照更复杂的条件筛选项目。

Step 4:将命令添加到AppBar

我们可以通过多种方式将命令放在AppBar中。但是需要尽可能遵守一些命令放置规则:

1)可预测性:尽可能在应用的所有视图上使用一致的互动和命令放置;

2)人体工程学:考虑具体命令的放置能如何改进操作命令的速度或提高易用性;

3)美学:限制命令的数量,避免AppBar看起来太复杂。选择易于理解或预测的图标。保持文本标签简短;

另外还有一个放置命令的常用技巧:

1)将永久性的命令放在右侧

首先将默认命令放在AppBar右侧。若只有少量命令,AppBar可能仅在右侧有命令。

2)使用边缘

如果有大量的命令,可以将不同的命令集分开在左侧或右侧,来平衡AppBar并让命令更容易访问。

3)显示/隐藏已禁用的命令

与某些环境不相关的命令应该隐藏。当它们显示时,不应该破环持久性命令的排序。

4)插入选择命令

用户执行选择后出现的命令会出现在最左侧,任何在此处的命令会向右侧滑动。

Step 5:为常用命令使用标准位置

一些命令是常用的,会在许多应用中出现,因此我们需要建立一致性。

我们在决定将常用命令放在AppBar的何处时应该遵循以下原则:

1)选择命令

和我们的选择相关的命令始终显示在最左侧,无论它们是在选择时显示的上下文命令还是会影响选择的命令。

2)新建命令

如果应用调用“新建”命令来创建(添加、创建、撰写)任何新类型的实体,将该命令放在AppBar的右边。这会为每个“新建”命令提供一致的位置(无论具体的应用或上下文是什么),并使用缩略图来方便访问。

3)删除命令

如果我们的应用将要管理的各个实体可能位于特定应用程序(比如邮件或相机应用)的外部,可以使用“删除/新建”。 “删除/新建”应该始终按此顺序显示。

4)移除命令

如果你的应用将管理某个列表,如代办事项列表、一个天气应用中的城市列表或一个添加到书签中的餐馆列表,可以使用“移除/添加”。“移除”应该始终显示在“添加”的左侧。

5)清除命令

如果你正在对所有可能的项执行破坏性操作,可以使用“清除”。使用命令标签明确表明命令的操作对象,如“清除选择”。

 

App Bar最佳实践

1)一定要以同样的方式放置命令并按命令集对它们进行组织;

2)一定要将上下文命令放在AppBar上,在不更改视图的情况下选择某个项目时, 以编程方式显示AppBar;

3)当命令太多时时,一定要使用菜单;

4)一定要考虑AppBar在贴靠视图和竖屏视图下的呈现;

5)一定将AppBar设计为水平滚动;

6)一定要使用命令、菜单和弹出窗口的默认样式;

7)不要将关键命令(用户完成任务必不可少的命令)放在AppBar上;

8)不要在AppBar中放置登录、注销或其他帐户管理命令;

9)不要将用于文本的剪贴板命令放在AppBar上;

 

关于App Bar更多详细信息可参考MSDN 中:添加应用栏

时间: 2024-10-09 15:24:35

快速构建Windows 8风格应用23-App Bar概述及使用规范的相关文章

快速构建Windows 8风格应用36-商店应用发布流程

原文:快速构建Windows 8风格应用36-商店应用发布流程 引言 在发布应用之前,我们需要注册开发者账号才能够发布应用.我们可以登录https://appdev.microsoft.com/StorePortals/ 该网址进行注册开发者账号,同时我们也可以点击这里来浏览MSDN给到的开发者账号注册的详细步骤.那么注册完成开发者账号后,如何发布Windows Store 应用程序呢? Windows Store App 发布流程 1,使用Visual Studio 2012打开要上传的应用,

快速构建Windows 8风格应用2-创建调试应用

原文:快速构建Windows 8风格应用2-创建调试应用 本篇博文主要介绍的是创建应用时可以选择哪些模版,生成默认的Windows 8风格应用解决方案中含哪些文件,最后是如何调试Windows 8风格应用. 我们如何使用Visual Studio 2012创建Windows 8风格应用呢?可归结为以下几步: 1.选择我们要使用的开发语言,例如:JavaScript.C++.C#.Visual Basic. 2.选择项目模版,可以选择以下常用的项目模版: 1)拆分应用(Split App)模版 可

快速构建Windows 8风格应用30-应用生命周期管理

原文:快速构建Windows 8风格应用30-应用生命周期管理 引言 Windows 8 中可以启动多个应用并在其中切换,我们没有必要担心降低系统速度或消耗电池电量. 因为系统会自动挂起(有时会终止)在后台正在运行的应用.设计良好的应用可以由系统挂起.终止以及重新启动,并且这些过程看起来该应用一直在运行中. 一.原理 1.当激活了应用时,无论任何原因,系统都会发送 Activated 事件 2.每当用户切换到桌面或其他应用时,系统都会挂起你的应用,系统会发送Suspending事件 3.每当用户

快速构建Windows 8风格应用37-常见发布注意事项

原文:快速构建Windows 8风格应用37-常见发布注意事项 引言 通常我们发布Windows Store应用失败后,会返回一些错误需要我们去修改.我之前在给学生做培训的时候发现大部分同学应用被打回来,通常由以下几个常见原因: 1,隐私策略: 2,应用图标和文字: 3,本地化: 为了避免这三个原因导致应用发布失败,我们开发应用的时候该怎么去注意并有效避免呢? 一.隐私策略 1,添加隐私策略的场景(摘取MSDN) 应用中收集个人信息或使用他人提供的软件,则需要随应用提供隐私策略或其他许可证条款.

快速构建Windows 8风格应用24-App Bar构建

原文:快速构建Windows 8风格应用24-App Bar构建 本篇博文主要介绍构建AppBar基本步骤.如何构建AppBar.如何在AppBar中构建上下文命令.如何在AppBar中构建菜单.如何构建页面间共享AppBar. 构建应用栏的目的的显示导航.命令和始终隐藏不需要的使用的工具.我们可以把应用栏放在页面顶部或底部或同时存在顶部和底部. 默认情况在AppBar是隐藏的,当用户单击右键.按下Win+Z.或从屏幕的顶部或底部边缘轻松时可显示或关闭AppBar.当然我们也可以通过编程的方式将

快速构建Windows 8风格应用32-构建辅助磁贴

原文:快速构建Windows 8风格应用32-构建辅助磁贴 引言 Windows Phone中,我们开发者可能会开发的一个功能点是将数据列表中某一项"Pin To Start(固定到开始屏幕)",大家都知道这种固定到开始屏幕的磁贴叫做辅助磁贴(也叫二级磁贴),用户可以通过该辅助磁贴启动应用程序并导航到应用程序中某一个页面或某一位置. 其实Windows 8 Store风格应用程序也引入了辅助磁贴的概念,用户在使用Windows 8 Store应用的辅助磁贴和Windows Phone

快速构建Windows 8风格应用13-SearchContract构建

原文:快速构建Windows 8风格应用13-SearchContract构建 本篇博文主要介绍如何在应用中构建SearchContract,相应的原理已经在博文<快速构建Windows 8风格应用12-SearchContract概述及原理>中阐述清楚. 如何在应用中构建SearchContract 这里以常见的构建Search Contract功能为例,具体如下: 设置应用Search权限: 我们在应用中构建SearchContract之前,需要确认应用程序具有相应的Search能力,可以

快速构建Windows 8风格应用15-ShareContract构建

原文:快速构建Windows 8风格应用15-ShareContract构建 本篇博文主要介绍共享数据包.如何构建共享源.如何构建共享目标.DataTransferManager类. 共享数据包 DataPackage(数据包)是共享数据标准. 共享数据格式可以是多种的,包括文本.URI.HTML.图像等,以及更多可扩展的格式. 我们可以通过以下方法设置需要的分享数据类型: 1)  SetText():设置共享文本,例如: 可以实现效果: 2)  SetUri():设置共享Uri; 3)  Se

快速构建Windows 8风格应用31-构建磁贴

原文:快速构建Windows 8风格应用31-构建磁贴 引言 磁贴是吸引用户经常使用应用重要手段之一.我们可将应用程序内较好的内容使用磁贴进行展示. 另外应用程序磁贴是应用程序中的核心部分,而且很可能也是用户最常见到的部分,因此利用动态磁贴来吸引用户经常使用我们的应用程序! 本篇博文主要介绍如何创建基本磁贴(也就是默认磁贴)以及如何使用本地通知更新磁贴. 一.创建基本磁贴 基本磁贴也可以叫做默认磁贴.通常我们点击基本磁贴来启动或者切换应用. 我们可以在应用程序清单文件中设置默认的静态磁贴,并且该