Windows Phone 外观

2012/2/9

Windows Phone 用户界面框架可以提供一致的系统对象、事件及交互,供开发人员与设计人员为最终用户创建美好及可预测的应用程序体验。本主题检查框架的各个部分并讨论可以如何在应用程序用户界面中使用或适应它。

下图演示了 Windows Phone 屏幕实际使用面积在某个应用程序处于运行状态时可能的面貌。

UX_Platform_FirstLook_01

Windows Phone 屏幕

状态栏就是一个指示器栏,可以在应用程序工作区中预留的空间内简单明了地显示系统级别的状态信息。状态栏会自动更新以提供不同通知,并会通过显示以下信息(按从左到右的顺序)来提醒用户注意系统级别的状态。

  1. 信号强度

  2. 数据连接

  3. 呼叫转移

  4. 漫游

  5. 无线网络信号强度

  6. 蓝牙状态

  7. 响铃模式

  8. 输入状态

  9. 电池电量

  10. 系统时钟

默认情况下,仅系统时钟始终可见。如果用户点按状态栏区域,则所有其他相关的指示器都会滑入视图内,持续时间大约为 8 秒,然后从视图中滑出。

注意注意:

状态栏是系统预留的,且无法修改。可以隐藏状态栏,但是许多用户将其中的系统时钟视为一项基本功能,因此请您在对其进行隐藏前仔细考虑一番。

状态栏在纵向模式下高度为 32 像素,在横向模式下宽度为 72 像素。它始终扩展到屏幕边缘,外观上不透明。

从 Windows Phone 7.5 开始,您可以将状态栏设置为透明或不透明,同时也可以更改背景色与前景色。

注意注意:

状态栏又称为系统托盘,尤其是在使用 Windows Phone API 讨论开发时会这么称呼。

主屏幕区域是为应用程序预留的。UI 可以横向显示,也可以纵向显示。如果状态栏正处于隐藏状态,则您可以使用整个 480 x 800 像素的空间。

应用程序栏可以提供空间,供开发人员以图标按键形式显示常见的应用程序任务(最多 4 个任务)。

当用户点按连续点可视指示器或向上轻拂应用程序栏时,应用程序栏会提供这样一个视图,可以显示带文本提示及可选扩展菜单的图标按键。

应用程序栏始终位于控制按键(“返回”“开始”“搜索”)所在的显示屏边缘,并可以横向或纵向模式扩展为整个屏幕宽度。图标按键本身会旋转到以与三个手机方向一致。

应用程序栏按键可以显示为启用或禁用的状态。例如,在只读情况下,“删除”按键将是一个禁用的按键。

纵向模式下的应用程序栏高度和横向模式下的宽度都是固定的 72 像素,且无法修改。可以将其设置为显示或隐藏。

从 Windows Phone 7.5 开始,您可以将应用程序栏设为最小化,这会更改其宽度与高度。您可以显示或隐藏应用程序栏。还可以将其设置为透明或更改其颜色。

应用程序栏菜单为可选方式,供用户从应用程序栏访问特定任务时选择。通过点按应用程序栏中的连续点可视指示器或向上轻拂应用程序栏,可以访问应用程序栏菜单。可以通过以下方式来关闭此视图:点按菜单以外的区域或点按圆点、使用“返回”按键或者选择一个菜单项或应用程序栏图标。

要移除滚动需求,请将菜单项的数量控制在 5 个或以下。

UX_Platform_FirstLook_02

应用程序栏菜单

注意注意:

如果未显示菜单项而仅显示了图标文本提示,则该应用程序栏菜单会保留在屏幕上,直到用户执行某项操作为止。

开始是指用户打开其手机电源后开始体验 Windows Phone。开始可以显示这样的应用程序磁贴,用户已将其固定并放置到其选择进行快速启动的位置。无论哪个应用程序正在运行,只需按手机上的“开始”硬件按键即可始终将用户返回到“开始”体验。

磁贴通知功能可以更新磁贴正面或反面的磁贴图形或标题文本。它还可以通过递增计数器,来使用户能够创建个性化的开始体验。这样的示例包括显示某游戏中是否该他们上场了、当前天气或他们已收到多少封电子邮件。

“开始”始终以纵向视图显示。

UX_Platform_FirstLook_03

开始

注意注意:

开始是用户可以用来放置磁贴的预留空间。Windows Phone 手机都自带预先放置(由 Microsoft 安装)的磁贴、手机制造商及手机服务提供商。从 Windows Phone 7.5 开始,所有应用程序也都可以将磁贴放置在此区域中;但是当某个新的磁贴放置在此区域中时,系统会提醒所有用户导航到开始。

Windows Phone 支持三种屏幕方向视图:纵向视图、向左横向视图或向右横向视图。

在纵向视图中,页面按垂直方向显示,硬件按键显示在手机底部且页面高度大于宽度。

在两种横向视图中,状态栏和应用程序栏都保留在屏幕的同一侧。横向左视图的状态栏在左侧,横向右视图的状态栏在右侧。

状态栏从纵向视图中的 32 像素增加为横向左右视图中的 72 像素,具体为从手机电源按键一侧到屏幕中央测量的距离。

屏幕方向会根据以下操作而变更。

起始屏幕方向

旋转

最终屏幕方向

纵向

向左旋转 60 度

向左横向

纵向

向右旋转 60 度

向右横向

向左横向

向右旋转 60 度

纵向

向右横向

向左旋转 60 度

纵向

向左横向或向右横向,平放在桌子上

向上旋转 30 度

纵向

UX_Platform_FirstLook_04

纵向与横向

如果当前位于纵向视图中,则当用户滑出水平硬件键盘时屏幕方向更改为了横向左视图或横向右视图,

由于方向属性已设置为只读,因此无法以编程方式切换方向,但可以设置固定的方向。

当屏幕旋转时,将播放屏幕过渡动画效果。

在可识别应用程序横向视图的系统中,组件包括:状态栏、应用程序栏、应用程序栏菜单、音量/铃声/振动显示、推送通知和对话框。

注意注意:

应用程序必须经过配置才能支持多个方向,默认情况下设置为仅支持纵向。有关更多信息,请参阅 Windows Phone 框架和页面导航概述

很大程度上依赖于文本输入的应用程序应同时支持横向模式与纵向模式,这样才能充分利用可选硬件键盘。

Windows Phone 具有多个位于手机周身的硬件按键。每个按键都提供一项独特功能,可以调整或影响正在运行的应用程序。具体的确切位置因硬件制造商而异。

  1. 工作/睡眠

  2. 提高音量与降低音量

  3. 相机

  4. 返回

  5. 开始

  6. 搜索

手机制造商可以电容触控按键形式选择实现“返回”“开始”“搜索”按键。

UX_Platform_FirstLook_05

硬件按键

有关每个按键可以如何影响 UI 的信息,请参阅本主题中稍后的按键特定说明。

当用户按“开始”按键时,会转到手机用户界面中的“开始”。当前正在运行的应用程序将收到一个要暂停其本身的事件。

硬件“搜索”按键可以启动 Bing® 搜索体验,供用户从手机上的任何位置查找内容时使用。

开发人员虽然无法复制应用程序内的搜索,但是可以通过模仿“搜索”按键推送来使用 SearchTask 类启动 Bing 搜索。

开发人员无法修改或更改“搜索”按键的行为。

硬件“返回”按键可以用于在单个应用程序中或多个应用程序间,向后导航到之前的多个页面(也称屏幕)。默认情况下,框架会处理“返回”按键,但是应用程序可以重写此行为。另外,“返回”按键还可以用于关闭菜单与对话框、导航到上一页、退出搜索操作甚至切换应用程序。但是,其主要用途是从当前页导航到上一页。

有关 Windows Phone 中页面导航模式的更多信息,请参阅Windows Phone 导航、方向和手势

重要说明重要说明:

应用程序必须满足与使用“返回”按键相关的多项要求,才能通过认证并有资格列在 Windows Phone 商城 中。有关更多信息,请参阅技术认证要求

“返回”按键的功能并不在于作为一个 Backspace 键来删除文本输入。

硬件“音量”按键可以用来调整通话音量(如果正在进行手机通话)或整个设备的音量(如果没有进行手机通话),整个设备的音量具体包括音乐、收音机、视频、应用程序、铃声及系统音量。

按任何一个“音量”按键都可以公开音量控件,即位于屏幕顶部的覆盖图。如果媒体播放器处于活跃状态,则其还可能包括音频传输控件,如“上一个”“下一个”。它始终包括这样一个控件,可以在振铃设置的开与关之间进行切换。此控件会影响系统声音的播放,用户可以在“铃声和声音设置”屏幕中对这些系统声音进行控制。

当手机已锁定时,如果媒体正在播放或通话正在进行,则所有“音量”按键仍处于活跃状态。

这些按键可在系统范围内操作,并且音量设置操作也可在应用程序中执行。这意味着,开发人员无法将音量设置得比用户设置高或重写静音。

按住“音量”按键可以执行按键重复并以增量方式提高或降低音量,具体情况因按键而异。

当用户接到电话时,触摸任何一个“音量”按键都可以消除铃声。

在 Windows Phone OS 7.0 的初期版本中,开发人员无法编辑音频传输控件覆盖图,也无法重写“音量”按键行为。从 Windows Phone 7.5 开始,后台音频代理可以更改要启用的播放控件。他们也可以更改当前播放音频的标题及艺术家。

开发人员可以控制其向系统提供的音频流的音量,包括将其设为静音。

“相机”按键是一个双重操作按键,可以支持全按压模式与半按压模式。当用户执行全按压时,手机会启动相机应用程序。如果用户在相机应用程序启动后执行半按压,则会启用自动聚焦功能。

在相机应用程序中,处于相机模式下时按“相机”按键可以拍照,或者处于视频模式下时通过此操作开始或停止捕获视频。

当手机处于待机状态(也称关闭屏幕)或已锁定时,如果用户按住“相机”按键超过一秒钟,则会启动相机应用程序。

通过调用 CameraCaptureTask 类,应用程序可以编程方式启动相机应用程序。

在 Windows Phone OS 7.1 中,如果您正在使用原始相机源,则可以重写相机按键。有关更多信息,请参阅如何:访问 Windows Phone 中的硬件相机快门按钮

显示: