导出 (0) 打印
全部展开

Windows Phone CheckBox 控件设计准则

2013/12/5

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

CheckBox 控件呈现了一个介于两种独立且相互对立的状态(通常为“打开”和“关闭”状态)之间的选择。

UI_CheckBox

CheckBox 控件

本主题包含以下各节。

CheckBox 控件可以指示当前有效的值。用户点按复选框之后,可以将其切换成对立的值。

说明注意:

CheckBox 控件的某些特征与 RadioButtonListBox 控件相同,但它们各自的用法有所不同。

CheckBox 控件用于定义二元状态并且可以成组使用以显示多重选项,用户可以从中选择一项或多项。用户可以点按 CheckBox 控件或附带的文本以选择选项。控件支持一个不确定的状态,该状态可用于同时报告大量的基础项的选中和未选中状态。CheckBox 控件支持已选定和已清除设置的释放、按下和禁用状态。没有可见的焦点状态。

成组地使用多个 CheckBox 控件,可以显示多个值并为用户提供一次选择多值的机会。如果您希望显示多个值,但要限制用户每次只能选择其中的一个值,则应当使用成组的 RadioButton 控件。

使用单个的 CheckBox 控件可以为用户提供两个明显对立的选项,这两个选项反映了应用中不同的状态。如果选项并非彼此互斥,而是多个选项中的某个选择,则可以使用更灵活的 RadioButtonListBox 控件。

CheckBox 控件通常被成组地使用,这样一次可以选择多个选项。

单独情况下,CheckBox 控件用来呈现两个状态之间的某个选择,或者呈现自然对立项目之间的多个选择。您可以使用 CheckBox 控件来呈现可用于或不可用于同一视图中的其他相关控件。若要向用户显示清晰的选项,通常可以使用 CheckBox 控件。

无论您是单独地使用 CheckBox 控件还是成组地、互相依存地使用这些控件,都应明确其使用目标及其当前状态。为了实现这一目的,您应当:

  • CheckBox 控件可以用来更改同一视图中其他依存 UI 元素的可用性(或状态)。

  • 始终使用系统字体,除非品牌准则指定其他字体。

  • 我们建议您将 CheckBox 控件的文本限制为一行或两行格式以采用易于理解的方式传递设置。如果您发现使用 CheckBox 控件难以生成简洁的标签,那么可以将多个选项分解到 RadioButtonListBox 控件中。

  • 如果存在多个显示选项,考虑使用 ScrollViewer 控件和添加 StackPanel 控件。

  • 尽量避免使用不确定状态,因为用户可能会对实际上选中或清除了哪些基础项而感到困惑。尤其是在使用了动态数据集的时候,更为合适的替代方法是将 CheckBox 控件的数据源映射到单独的 CheckBox 控件,或使用多个选择列表。

下面列出了正确使用和错误使用 CheckBox 控件的示例。

错误

正确

UX_CheckBox_Landscape_Bad

UX_CheckBox_DontShowAgain_Good

在此示例中,使用 CheckBox 控件是一个错误的选择,因为并没有明确提供 Landscape 的对立选项。对于这种情况,应该使用 RadioButton 控件而不是 CheckBox 控件。

在此示例中,CheckBox 控件是一个正确的选择,因为此选项向用户呈现了一个明确的选择。

显示:
© 2014 Microsoft