概述
您可以创建一个应用程序栏,以便为用户提供对应用程序常见任务的快速访问。使用 Windows Phone 应用程序栏,有助于创建跨设备上所有应用程序的一致用户体验。
本主题包含以下各节:
- 应用程序栏用户界面
- 应用程序栏开发
- 应用程序栏属性
- 应用程序栏最佳做法
应用程序栏用户界面
默认的应用程序栏是位于手机屏幕底部的一行图标按钮和一个省略号。用户可以单击该省略号以显示图标按钮和菜单项(如果处于启用状态的话)的标签。应用程序栏具有内置的动画,当菜单显示或隐藏时显示该动画。而且,当手机更改方向时,应用程序栏会自动调整。当手机处于横向时,应用程序栏会垂直出现在屏幕的一侧。这样便最大程度地扩大了页面内容的剩余空间。
下图演示了使用最小大小的应用程序栏示例。
下图演示了使用默认大小的应用程序栏示例。
下图显示了用户单击省略号后应用程序栏的示例。在此示例中,菜单项不可用。
菜单项
除了图标按钮之外,您还可以添加一个或多个基于文本的菜单项。这些项目显示在一个列表中,当用户单击省略号时该列表将从图标按钮的下面向上滑动。菜单项用于不常用的应用程序操作,或用于很难通过一个图标来表达的操作。为了与设备的其余部分创建一致的用户体验,菜单项的文本自动转换为全部都为小写字符。应用程序栏菜单未分层并且菜单项列表不是任何图标按钮的子菜单。
下图显示了用户单击省略号后应用程序栏的示例。在此示例中,菜单项已启用。
应用程序栏开发
创建应用程序栏的最简单方法是使用 XAML。Windows Phone SDK 附带的页面模板包含被注释掉的示例应用程序栏的 XAML 代码。取消 XAML 的注释以创建应用程序栏。有关更多信息,请参阅如何在 Windows Phone 的 XAML 中创建应用程序栏。
还可以仅使用 C# 或 Visual Basic 代码创建应用程序栏。有关更多信息,请参阅如何在 Windows Phone 的代码中创建应用程序栏。
由于应用程序栏不是 Silverlight 控件,因此应用程序栏不支持某些常见的控件功能,如数据绑定。这意味着您不能通过使用 XAML 格式的名称属性来更改图标按钮和菜单项。如果您希望在运行时动态修改文本或图标,则应该使用 C# 或 Visual Basic 创建应用程序栏。有关详细详细,请参阅如何动态更改 Windows Phone 的图标按钮和菜单项。
如果您要本地化您的应用程序,请参阅如何构建 Windows Phone 本地化应用程序。
应用程序栏属性
本节介绍应用程序栏的主要属性。可以采用 XAML 或代码设置这些属性。您可以在首次创建应用程序栏后设置这些属性,也可以动态更改它们。若要测试不同的属性以及这些属性彼此间的交互方式,请在 Windows Phone 的代码示例 下载示例,或者完成演练:为 Windows Phone 创建应用程序栏测试应用程序中的过程。
属性 | 备注 |
---|---|
Mode | 指定第一次显示在页面上时应用程序栏的大小:默认大小或最小大小。这也是用户使用省略号展开并折叠之后应用程序栏返回的大小。 在希望最大化屏幕空间的页面(如全景页面)上使用最小大小。 注意: 在支持横向的页面上,当为横向时,无论模式值如何,应用程序栏都使用默认大小显示,目的是提高可用性。 |
Opacity | 预期的值介于 0.0 和 1.0 之间。可以微调应用程序栏的不透明度,但我们建议您只使用值 0.0、0.5 和 1.0。
|
BackgroundColor | 应用程序栏的背景颜色。 |
ForegroundColor | 应用程序栏的前景颜色。这是图标按钮标签以及菜单项文本的颜色。如果您使用透明的图标按钮图像,则这还是图标按钮的颜色。 |
IsMenuEnabled | 指示当用户扩展应用程序栏时是否可以看到菜单项。 |
IsVisible | 指示应用程序栏是否可见。 |
应用程序栏最佳做法
以下是使用应用程序栏的最佳做法:
- 使用 Windows Phone 应用程序栏,代替创建您自己的菜单系统。
- 除非有特别的理由自定义颜色,否则对应用程序栏使用默认的系统主题颜色。对应用程序栏使用自定义颜色会影响按钮图标的显示质量、会导致菜单动画出现异常的视觉效果,甚至会影响某些显示屏类型的电量消耗。
- 避免对菜单项使用较长的文本,因为文本会超出屏幕。建议的最大长度为 14 到 20 个字符。
- 避免在应用程序栏上使用 5 个以上的菜单项,因为这样会强制用户进行滚动。
图标按钮
默认的应用程序栏是位于手机屏幕底部的一行图标按钮和一个省略号。对您应用程序中主要的、最常用的操作使用图标按钮。某些操作很难用图标来明确传达。如果是这种情况,则考虑使用菜单项。有关更多信息,请参阅 Windows Phone 的应用程序栏概述。
下图显示应用程序栏的一个示例。
随 Windows Phone SDK 一起安装了一组应用程序栏图标,您的应用程序可以直接使用这些图标,也可以将其用作创建您自己的图标的指南。您可以在以下位置之一找到示例图标:- C:\Program Files\Microsoft SDKs\Windows Phone\v7.1\Icons\dark
- C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v7.1\Icons\dark
注意: 您只需要使用 dark 文件夹中的图标文件。Windows Phone 会自动根据所选择的主题(亮或暗)对图标进行涂色。 图标按钮最佳做法
下面是应用程序栏显示的图标按钮的最佳做法:
- 图标图像大小应该为 48 x 48 像素。按钮的前景图形应该适合在图像中心 26 x 26 的区域中,以便它不会与圆形重叠。
- 每个按钮上显示的圆形都由应用程序栏绘制,因此不应该包含在源图像中。
- 图标图像应该在使用 Alpha 通道的透明背景上使用白色前景。Windows Phone 会自动根据所选择的主题(亮或暗)对图标进行涂色,涂色后的图标可能会导致该效果显示不适当。
- 不要在页面堆栈中创建向后导航的按钮。所有 Windows Phones 都有一个专用的硬件“返回”按键,该按键应该用于向后导航。
- 当手机旋转时,选择具有明确含义的图标。当手机处于横向时,应用程序栏会垂直出现在屏幕的一侧。图标按钮进行旋转,以便它们正对用户进行显示。发生这种情况时,有可能会混淆图标的含义,尤其是两个图标的图像互为镜像(如 << 和 >>)时。
向 Windows Phone 应用程序中添加图标按钮图像
在对应用程序栏上的图标按钮使用图像之前,必须首先将这些按钮添加到您的应用程序。在此过程中,您创建一个名为 Images 的文件夹,然后向其中添加图标文件。您可以任意命名该文件夹,但 Images 应与默认 XAML 应用程序栏中的名称匹配。
向 Windows Phone 应用程序中添加图标按钮图像的步骤
- 在“解决方案资源管理器”中,右键单击项目,指向“添加”,然后单击“新文件夹”。
- 将该文件夹命名为 Images。
- 在“解决方案资源管理器”中,右键单击文件夹 Images,指向“添加”,然后单击“现有项”。
- 浏览到图标文件的位置,选择一个或多个文件,然后单击“添加”。
- 在“解决方案资源管理器”中,选择所有新文件。
- 在“属性”窗口中,为新文件设置下列属性。
属性 值 生成操作 内容 复制到输出目录 如果较新则复制 警告: “生成操作”必须设置为“内容”才能将图标用作按钮图像。 - (可选)在项目中重命名图标文件。