分组框 (Windows)
出自UXGuide.net
分组框
Group Boxes
目录 |
分组框（Group Box）是围绕在一组相关控件周围的带标签的矩形边框。它提供了一种通过视觉展示控件关系的方法。除了可能为一组控件提供访问键（access key）外，没有其他的功能。
.png)
典型的分组框。
注：与布局相关的设计规范请参考各自相应的章节。
它用在这里合适吗？
虽然分组框是呈现控件关系的重要视觉手段，但过度使用也会引起视觉混乱，占据可用的视觉空间。其视觉比重很强烈，仅当在别无选择的情况才应谨慎使用。
Windows Vista® 中的设计趋势是通过去除不必要的线条以求简单明了的外观。
考虑下列问题，以判断分组框是否使用得当：
- 分组中有多个控件吗？如果不是，则应改用普通的文本标签。一种罕见的例外情况是，为了与界面上的其他分组框保持一致，而使用只包含单个控件的分组框。
- 错误：
-
.png)
- 在这个示例中，分组框仅包含单个控件。
- 控件之间有联系吗？突出这种关系能使得逻辑更加清晰吗？如果不能，则无须使用分组框，分别呈现这些控件。
- 所有的控件都在这个分组框里吗？如果是，在外面描述这种关系，比如所在的对话框或页面上。
- 错误：
-
.png)
- 在这个示例中，对话框上的所有控件（除提交按钮外）都放置在一个分组框内。
- 能否只通过改变布局来有效地表达这种关系？如果可以，则应改用布局来实现。你可以将相关的控件靠在一起，不相关的控件之间留出较大的间距。你还可以通过缩进的方式来表现层次关系。
-
.png)
- 在这个示例中，控件之间的关系仅仅是通过布局来展现的。
- 能否通过分隔符来有效地表达这种关系？
- 如果可以，则应改用分隔符。分隔符是一条水平直线，用于归拢其下方的控件。分隔符可使外观更加简单、干净。与分组框不同的是，分隔符最适用于铺满整个宽度的情况。
- 致开发人员：可以用高度为 1 的蚀刻矩形来实现分隔符。
.png)
- 在这个示例中，通过带标签的分隔符来显示控件关系。
.png)
- 在这个示例中，通过不带标签的分隔符来显示控件关系。
设计规范
- 不要嵌套分组框。在分组框内部应通过布局来展现控件之间的关系。
- 错误：
-
.png)
- 在这个示例中，嵌套的分组框造成了视觉上的混乱。
- 正确：
-
.png)
- 在这个示例中，同样的控件关系换用布局方式来展现。
- 不要将控件用作分组框的标签。
- 例外：如果分组框内所有控件的可用和禁用都由一个复选框控制的话，那么你可以使用这个复选框作为分组框的标签。
- 错误：
.png)
- 在这个示例中，下拉列表被错误地用于分组框。这种情况下应当换用选项卡。
- 不要禁用分组框。若要表明一组控件当前均不适用，应禁用分组框内的所有控件，而不要禁用分组框本身。
标签
- 应当为所有的分组框添加标签。
- 不要为标签设置访问键。这么做不但没有必要，而且会使其他的访问键更难分配。应当为分组框内的控件分配访问键。
- 例外：如果某个界面包含太多控件，使得访问键不够分配。此时可以为分组框分配访问键以减少访问键的数量。
- 使用句子大写样式.
- 标签应为名词或名词短语，而非句子，结尾处无须使用标点符号，包括冒号。
- 在同一个界面中，应当为分组框标签使用平行的语法结构。
- 分组框标签应当准确。不要在标签中使用说明性文本。如果需要的话，可以将说明性文本放在分组框内。
- 不要在分组框内部的控件标签中重复分组框的标签内容。例如，分组框的标签为“对齐”，其内部选项按钮的标签则应为“左”、“右”等等，而不是“左对齐”或“右对齐”。
- 不要在用户界面文本中提到分组框。
文档编写
当提及分组框时：
- 仅在编程与其他技术文档中称其为分组框。“group box”这两个词应当小写。
- 其他情况下，无须在过程描述中提及分组框的名称，除非在一个对话框中有多个重名选项。在这种情况下，将“under（……中）”与分组框名称一起使用。
- 应尽可能为标签文本应用粗体样式。对于英文来说，仅当需要避免歧义时才在其两侧添加引号；对于中文来说，则应总是使用引号。
- 示例：Under Effects, select Hidden.（在“效果”中，选择“隐藏”。）
