信息
您所需的主题如下所示。但此主题未包含在此库中。

Windows Phone 的应用栏图标按钮

2014/6/18

适用于:Windows Phone 8 和 Windows Phone Silverlight 8.1 | Windows Phone OS 7.1

默认的应用栏是位于手机屏幕底部的一行图标按钮和一个省略号。对您应用中主要的、最常用的操作使用图标按钮。某些操作很难用图标来明确传达。如果是这种情况,则考虑使用菜单项。有关更多信息,请参见 Windows Phone 的应用栏

下图显示一个应用栏示例。

App Bar in default size

随 Windows Phone SDK 一起安装了一组应用栏图标,您的应用可以直接使用这些图标,也可以将其用作创建您自己的图标的指南。您可以在以下位置找到可用于深色背景及浅色背景的示例图标。

C:\Program Files (x86)\Microsoft SDKs\Windows Phone\v8.0\Icons

说明注意:

您只需使用 dark 文件夹中的图标文件。Windows Phone 会自动根据所选的主题(浅色或深色)对图标进行涂色。

本主题包括以下部分。

下面是应用栏显示的图标按钮的最佳做法:

  • 图标图像大小应该为 48 x 48 像素。按钮的前景图形应该适合在图像中心 26 x 26 的区域中,以便它不会与圆形重叠。

  • 每个按钮上显示的圆形都由应用栏绘制,因此不应该包含在源图像中。

  • 图标图像应在使用 alpha 通道的透明背景上使用白色前景。Windows Phone 会自动根据所选的主题(浅色或深色)对图标进行涂色,涂色后的图标可能会导致该效果显示不适当。

  • 不要在页面堆栈中创建向后导航的按钮。所有 Windows Phone 都有一个专用的硬件“返回”按键,该按键应该用于向后导航。

  • 尽可能使图标按钮的标签简短一些。如果设备的语言是英文,则标签应仅在一行显示,必要时可以截断。

  • 当手机旋转时,选择具有明确含义的图标。当手机处于横向时,应用栏会垂直出现在屏幕的一侧。图标按钮进行旋转,以便它们正对用户进行显示。发生这种情况时,有可能会混淆图标的含义,尤其是两个图标的图像互为镜像(如<<>>)时。

在对应用栏上的图标按钮使用图像之前,必须首先将这些按钮添加到您的应用。在此过程中,您创建一个名为 Images 的文件夹,然后向其中添加图标文件。您可以任意命名该文件夹,但 Images 应与默认 XAML 应用栏中的名称匹配。

向 Windows Phone 应用添加图标按钮图像

  1. “解决方案资源管理器”中,右键单击项目,指向“添加”,然后单击“新建文件夹”

  2. 将该文件夹命名为 Images

  3. “解决方案资源管理器”中,右键单击文件夹 Images,指向“添加”,然后单击“现有项”

  4. 浏览到图标文件的位置,选择一个或多个文件,然后单击“添加”

  5. “解决方案资源管理器”中,选择所有新文件。

  6. “属性”窗口中,为新文件设置下列属性。

    属性

    生成操作

    内容

    复制到输出目录

    不复制

    警告说明警告:

    “生成操作”必须设置为“内容”才能将图标用作按钮图像。

  7. (可选)在项目中重命名图标文件。

显示: