导出 (0) 打印
全部展开

Windows Phone RadioButton 控件设计准则

2013/12/5

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

RadioButton 控件至少显示互相排斥的两个相关选项。

UI_RadioButton

本主题包含以下各节。

说明注意:

点按 RadioButton 控件将会激活某个选项,但是再次点按将会取消激活该选项。

RadioButton 控件指示某个选项已经生效,同时排斥组中其他 RadioButton 控件所表示的其他选项。

用户点按 RadioButton 控件以激活相关选项,这将会自动清除组中的其他 RadioButton 控件。

说明注意:

使用 RadioButton 控件可以增加应用中重要选项的清晰度和粗细。

使用 RadioButton 控件可以在 2 个和 7 个(相关但不一定相对)选项之间进行显示。

因为 RadioButton 控件必须至少在两个组中使用,它们比同级控件需要更多屏幕空间。鉴于它们的空间要求,当显示的选项非常重要,控制更多的屏幕空间时,以及在此位置选项的清晰度要求典型的显式选项,请使用 RadioButton 控件。

即使 RadioButton 控件也可接受,仍然可以使用向导页面上的 CheckBox 控件强调所显示选项的重要性。

说明注意:

RadioButton 控件过多会阻止快速决策。除非这些选项值得引起用户的格外注意,否则考虑使用其他控件。

CheckBox 控件(在两个选项间切换)不同的是,RadioButton 控件将所有可用的选项显示为离散控件。如果可能,尝试使用更为简单的控件,如 CheckBoxListBox 控件。在以下情况中,您可能会考虑这些控件:

  • 一个组中有八个以上的 RadioButton 控件。使用单选 ListBox 控件。

  • 如果仅有两个选项,并且它们本来就是相对的,使用单个 CheckBox 控件即可,如“打开”和“关闭”。

  • 如果清除的 RadioButton 控件的意义不是显而易见,则使用 Button 控件。

  • RadioButton 控件选项的值不应该基于上下文或其他数据。对于数据,使用 ListBox 控件。

  • 对于具有许多选项的数值数据,使用 ListBox 控件。

  • 如果数值是连续的,使用 Slider 控件。

请勿使用 RadioButton 控件进行以下操作:

  • 执行命令。

  • 显示其他窗口,如对话框。

  • 动态显示或隐藏与所选选项相关的其他控件。

RadioButton 控件会显式显示其选项,以避免降低用户的操作速度,因此它们会执行下列操作:

  • 有意地提请用户充分注意重要选项或选择集。

  • 为选定的状态保留照明、效果和动画,在未选定的状态中,RadioButton 控件会显示为未使用或未处于活动状态。

  • 在可能的情况下,在自己的视图中显示,从而避免分散用户注意力使其无法做出重要决定,以及减少混乱。

  • 每个控件都使用简短的标签。

  • 用强的无衬线字体,使按钮标签的高度至少为 12 像素。确保该标签从所有角度和大小方面都可以辨认。

我们鼓励您为 RadioButton 控件使用创造性的可视设计。Windows Phone 用户通常希望与控件的内容或版式主题直接交互,因此如果您使用图解法或使用简洁的文本按钮表示选项组,我们建议您调查此选项。请记住,当选中时 RadioButton 控件应始终显示视觉反应,并且明确表示哪个选项组当前已生效。

显示:
© 2014 Microsoft