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

Windows Phone Slider 控件设计准则

2013/12/5

适用于: Windows Phone 8 | Windows Phone OS 7.1

使用 Slider 控件,用户可以通过在轨道上来回拖动从允许值范围中选择值。

UI_Slider

本主题包含以下各节。

Slider 控件拥有两个可视元素:“轨道”和“缩略图”。轨道是一条直线,而滚动块是一个沿着轨道滑动的选择器。用户可以沿着轨道拖动滚动块以更改 Slider 控件的值。用户还可以点按 Slider 控件的轨道以将其设置为一个特定值。

使用 Slider 控件,用户可以通过使用自然手势和避免使用屏幕键盘,从而快速和轻松地从应用特定的值范围中选择值。

使用 Slider 控件以从已知、相对数量集中选择;通常,当这些数值以线性方式显示时这些值非常有意义,且以可预见的增量形式增加或减少。

在可能的情况下,您应该使用 Slider 控件,因为这样可以使用快速、简洁、直观的方式从一组值中进行选择。但是,存在一些无法恰当使用 Slider 控件的情形:

  • 如果您使用 Slider 控件来使用户设置确切、已知的数值,您可能需要使用 TextBox 控件。

  • 当用户使用此控件设置更改时,用户是否可以从即时反馈中受益?如果否,则 CheckBoxRadioButton 控件可能更合适。

  • 如果 Slider 控件表示的离散值少于四个,则您可能需要使用 RadioButton 控件。

使用 Slider 控件以赋予用户从连续范围值中选择特定值的细化控制权。常见的示例包括音量 Slider 控件或亮度级别 Slider 控件。当用户调整 Slider 控件的值时,可以使用 Slider 控件来显示应用的另一个可视元素中的即时反馈。

Slider 控件具有最小和最大的递增值。Slider 控件的方向可以是垂直或水平的,但是其目的地始终与视图的边界相适合。

在其他地方 Slider 控件也非常有用,当用户调整值时,用户可以从即时反馈中受益。有时,Slider 控件的可用性或外观取决于另一个控件,如 CheckBox 控件。

Slider 控件是相当灵活的控件,可在各种情景中有效地使用。但是,如果您计划自定义 Slider 控件,请谨记以下事项:

  • 使用对用户有意义的方式在 Slider 控件上设置增量更改。西方人通常喜欢 Slider 控件的值是从左到右增加,而其他地区的用户可能更喜欢从右到左或垂直方向。

  • 当用户需要获知设置的近似值时,使用 Slider 控件下面的图形刻度线。

  • Slider 控件和数值 TextBox 控件用于相同的设置并非最佳做法。仅使用更为合适的控件;此处出现的冗余会产生混淆。仅当用户需要即时反馈且具有设置确切数值的能力时才使用这两个控件。

  • 由于 Slider 控件的可视滚动块可能会被用户的手指所遮盖,我们建议您充分利用反馈并将 Slider 控件值的更改同步到某个外部机制(不论是标签还是某个可在 Slider 控件被操纵时进行动态调整的显示参数)。

常见错误

设计有效的 Slider 控件完全取决于您,但是最好避免某些约定:

  • 如果禁用 Slider 控件,还应禁用任何关联标签。

  • 请勿将 Slider 控件用作进度指示器。

  • 请勿标记每个刻度线。

  • 请勿从默认大小中更改缩略图大小。

  • 请仅让 Slider 控件沿直线轨道运行。

  • Slider 控件具有较大范围的击中目标区域。要保持良好的触控可访问性,不应将 Slider 控件放置在显示屏边缘太近的位置。

  • 类似任何支持拖动的控件,不应在本身支持拖动的控件(例如 Pivot 控件或 Panorama 控件)中使用 Slider 控件。

当您设计一个自定义的 Slider 控件时,请考虑使用含有最少混淆信息的方式向用户提供所有必要的信息。如果用户需要获知单位以了解设置,则始终使用值标签,但也可寻找创造性的方法以图形方式表示这些值。例如,控制音量的 Slider 控件可以在 Slider 控件的最小端显示较小的扬声器图形,而在最大端显示较大的扬声器图形。

您还可以自定义 Slider 控件的行为。根据您使用的方式,Slider 控件可能会从下列行为中受益:

  • 移动到位置:滚动块会跳转到联系人的位置。

  • 对齐到刻度:滚动块会沿联系人方向跳转到与当前位置最近的刻度值。

显示: