Windows 7 下拉列表 & 组合框

注意

此设计指南是为 Windows 7 创建的，尚未针对较新版本的 Windows 进行更新。 大部分指南原则上仍然适用，但演示和示例并不反映我们 当前的设计指南。

使用下拉列表或组合框，用户可以在互斥值列表中进行选择。 用户只能选择一个选项。 使用标准下拉列表时，用户只能选择列表中的选项，但使用组合框可以输入不在列表中的选项。

典型的组合框。

阅读本文时，必须了解以下术语：

• 标准列表框是包含多个项列表的框，其中多个项可见。
• 下拉列表是一个列表，其中所选项始终可见，其他项通过单击下拉按钮按需可见。
• 组合框是标准列表框或下拉列表和可编辑 文本框的组合，因此允许用户输入不在列表中的值。
  • 可编辑下拉列表是下拉列表和可编辑文本框的组合。
  • 可编辑列表框是标准列表框和可编辑文本框的组合。

注意

与 布局 相关的指南在单独的文章中介绍。

这是正确的控件吗？

在决定之前，请考虑以下问题：

• 控件是否用于从互斥值列表中选择一个选项？ 如果不是，请使用其他控件。 若要选择多个选项，请改用标准的多选列表、检查框列表、列表生成器或添加/删除列表。
• 选项命令吗？ 如果是，请改用 菜单按钮 或拆分按钮。 对对象使用下拉列表和组合框 (名词) 或属性 (形容词) ，但不能) 动词 (命令。
• 列表是否显示数据，而不是程序选项？ 无论哪种方式，下拉列表或组合框都是合适的选择。 相比之下， 单选按钮 仅适用于少量程序选项。

下拉列表

• 在大多数情况下，大多数用户是否推荐使用默认选项？ 查看所选选项是否比查看替代项更重要？ 如果不想通过隐藏替代项来鼓励用户进行更改，请考虑使用下拉列表。 如果没有，请考虑单选按钮、单选列表或可编辑列表框，它们更强调备用选项。

  

  在此示例中，最高颜色质量是大多数用户的最佳选择，因此下拉列表是淡化替代项的不错选择。

• 是否要引起人们对 选项的注意？ 如果是这样，请考虑单选按钮、单选列表或可编辑列表框，它们往往通过占用更多屏幕空间来吸引更多注意力。 由于下拉列表很紧凑，因此对于要低估的选项而言，它们是不错的选择。

• 屏幕空间是否是高级空间？ 如果是，请使用下拉列表，因为使用的屏幕空间是固定的，并且与选项数无关。

• 窗口上是否有其他下拉列表？ 如果是这样，请考虑使用下拉列表实现一致性。

可编辑的下拉列表

除了刚才为下拉列表提供的原则外，以下内容也适用：

• 可能的选择是否受到限制？ 如果是，请改用普通下拉列表。 组合框用于无约束输入，用户可能需要输入当前不在列表中的值。 由于输入不受约束，如果用户输入的文本无效，则必须使用错误消息处理错误。

• 能否提前枚举最可能的选项？ 如果没有，请改用文本框。

• 下拉列表是否用于列出以前的用户输入？ 除非用户需要查看之前输入的完整列表，否则请改用带有自动完成选项的文本框。

  

  在此示例中，用户可能需要查看其以前的输入，因此可编辑的下拉列表是一个不错的选择。

  

  在此示例中，具有自动完成的文本框是一个不错的选择。

• 用户在选择有效值时是否需要帮助？ 如果是这样，请改用带有 “浏览”按钮 的文本框。

  

  在此示例中，用户可以单击“To”以帮助他们选择有效值。

• 鼓励用户查看替代选项或邀请更改是否重要？ 如果是，请考虑改用可编辑的列表框。 使用可编辑下拉列表时，在删除该列表之前，用户不会知道替代项。

• 用户是否需要在大型列表中快速查找项？ (Win32 仅) 如果是，请使用组合框，因为用户可以通过键入项目的全名来选择项目。 相比之下，Win32 下拉列表仅根据键入的最后一个字符选择项目 (因此，在月份列表中键入“Jun”与 11 月匹配，而不是 6 月) 。 在这种情况下，即使可能的选项受到限制，也可以使用组合框。

可编辑列表框

• 可能的选择是否受到限制？ 如果是，请改用单选列表或普通下拉列表。 组合框适用于无约束输入，用户可能需要输入列表中当前未包含的值。 由于输入不受约束，如果用户输入的文本无效，则必须使用错误消息处理错误。
• 能否提前枚举最可能的选项？ 如果没有，请改用文本框。
• 鼓励用户查看替代选项或邀请更改是否重要？ 如果没有，请考虑使用可编辑的下拉列表。
• 是否要引起人们对 选项的注意？ 如果没有，请考虑使用可编辑的下拉列表。 由于下拉列表很紧凑，因此对于要低估的选项而言，它们是不错的选择。
• 屏幕空间是否是高级空间？ 如果是这样，请使用可编辑下拉列表，因为使用的屏幕空间是固定的，并且与选项数无关。

对于下拉列表， 列表中的项数不是选择控件的因素 ，因为它们从数千个项一直缩放到一个。 可编辑下拉列表从数千个项目缩减到无项，因为用户可以输入不在列表中的值。 由于下拉列表可用于数据，因此可能事先不知道项数，并且可能无法保证。 始终在可编辑列表框中至少包含三项，以增加屏幕空间。

使用模式

下拉列表和组合框具有多种使用模式：

使用情况	示例
下拉列表中列出了 一个标准下拉列表，其中包含一组固定的预先确定值。	关闭时，只有所选项可见。 当用户单击下拉按钮时，所有选项都变为可见。 若要更改该值，用户可以打开列表并单击另一个值。 在此示例中，列表处于正常状态。 在此示例中，列表已下拉。
“预览”下拉列表 是一个下拉列表，用于预览所选内容的结果以帮助用户进行选择。	在这些示例中，下拉列表预览所选内容的结果。
“可编辑”下拉列表 中列出了下拉列表组合框，允许用户输入不在下拉列表中的值。	编辑和下拉模式下的可编辑下拉列表的示例。 如果想要提供文本框的灵活性，但希望通过提供方便的可能选项列表来帮助用户，请使用此控件。
可编辑列表框 为常规组合框，允许用户输入不在始终可见列表中的值。	在这些示例中，始终显示可编辑的列表框。 当鼓励用户查看备用选项或邀请更改非常重要时，此控件比可编辑下拉列表更好。

准则

常规

• 不要使用下拉列表或组合框的更改来执行以下操作：
  • 执行命令。
  • 显示其他窗口，例如用于收集更多输入的对话框。
  • 动态显示与所选控件相关的其他控件， (屏幕阅读器 无法检测) 此类事件。

呈现

• 按逻辑顺序对列表项进行排序，例如将高度相关的选项组合在一起、将最常见的选项放在第一位，或使用字母顺序。 按字母顺序对名称进行排序，数字按数字顺序排序，日期按时间顺序排序。 包含 12 个或更多项的列表应按字母顺序排序，以便更轻松地查找项。

  正确：

  在此示例中，列表项按其空间关系排序。

  错误：

  在此示例中，列表项太多，需要按字母顺序对其进行排序。

  正确：

  在此示例中，列表项按字母顺序排序，但表示所有项的选项除外。

• 将表示“全部”或“无”的选项置于列表开头，而不考虑其余项的排序顺序。

• 将元选项括在括号中。

  

  在此示例中，“ (None) ”是元选项，因为它不是选项的有效值，而是描述选项本身未使用。

• 禁用下拉列表或组合框时，还要禁用任何关联的标签和命令按钮。

下拉列表

• 使用单个下拉列表更改关联控件的视图时，在 选择时立即更改视图，而不是要求单独的命令按钮。 仅当列表需要大量时间来呈现时，才使用单独的命令按钮。 但是，列表标题和 菜单按钮 是用于此目的的首选控件。

• 不要让空列表项改用元选项。 用户不知道如何解释空白项，而元选项的含义是明确的。

  正确：

  错误：

  在错误示例中，空白选项的含义不明确。

预览下拉列表

• 当使用图像显示比单独使用文本描述更好时，请使用列表项中的预览。

  

  在此示例中，预览版对选项的解释远比单独使用文本要好得多。

• 请勿在预览中使用不必要的无用图标。

  错误：

  在此示例中，不需要预览图标，因为它们不传达任何信息。

组合框

• 如果可以，请限制输入文本的长度。 例如，如果有效输入是介于 0 和 999 之间的数字，请使用限制为三个字符的组合框。

• 如果有许多可能的选项，请将列表内容集中在最有可能的选项上。 由于用户可以输入不在列表中的值，因此组合框不必列出所有选项，只需列出可能的选项或代表性示例。

  

  在此示例中，未列出许多有效选项，例如 15 或半号字体（如 9.5）。

默认值

• 默认情况下，选择最安全的 (以防止数据丢失或系统访问) 最安全选项。 如果安全和安全性不是因素，请选择最可能或最方便的选项。
  • 例外： 如果控件表示处于 混合状态的属性，则显示一个空白默认值，这在为不具有相同设置的多个对象显示属性时发生。

提示

提示是放置在可编辑下拉列表中的标签或简短指令作为其默认值。 与静态文本不同，一旦用户向组合框键入内容或获得输入焦点，提示就会从屏幕上消失。

典型的提示符。

在以下情况下使用提示：

• 屏幕空间非常重要，因此不需要使用标签或指令，例如在工具栏上。
• 提示主要用于以简洁的方式标识列表的用途。 它不能是用户在使用组合框时需要查看的关键信息。

不要仅仅使用提示来指示用户从列表中选择某些内容或单击按钮。 例如，不需要出现“选择一个选项”或“输入文件名”，然后单击“发送”等提示。

使用提示时：

• 以斜体灰色绘制提示文本，以普通黑色绘制真实文本。 提示文本不得与真实文本混淆。
• 使提示文本保持简洁。 可以使用片段而不是完整句子。
• 使用 句子样式大写。
• 请勿使用结束标点符号或省略号。
• 提示文本不应是可编辑的，用户单击或按 Tab 进入文本框后应消失。
  • 例外： 如果文本框具有默认输入焦点，则显示提示，并且仅在用户开始键入后才会消失。
• 如果文本框在失去输入焦点时仍为空，则会还原提示文本。

错误：

在此示例中，屏幕空间不是高级的;一旦填写了可编辑的下拉列表，用户就很难记住其用途;和提示文本是可编辑的，绘制方式与真实文本相同。

建议的大小和间距

建议调整下拉列表和组合框的大小和间距。

• 选择适合最长有效数据的宽度。 下拉列表无法水平滚动，因此用户只能看到控件中可见的内容。 (请注意，组合框可以启用自动滚动功能。)
• 对于要本地化的任何文本 (，请添加 30% (最多 200% 的短文本) ，但不包括将本地化的数字) 。
• 选择可消除不必要的垂直滚动的列表长度。 由于下拉列表是按需显示的，因此其列表最多应显示 30 个项目。 可编辑列表框 (没有下拉按钮) 应显示 3 到 12 个项目。

标签

控件标签

• 将标签编写为单词或短语，而不是句子，并用冒号结尾。 异常：

  • 包含提示的可编辑下拉列表，其中空间处于溢价位置。
  • 如果下拉列表或组合框从属于单选按钮或检查框，并且由其标签以冒号结尾引入，则不要在控件上添加其他标签。

• 为每个标签分配唯一 的访问密钥 。 有关指南，请参阅 键盘。

• 使用 句子样式大写。

• 将标签置于控件的左侧或上方，并将标签与控件的左边缘对齐。 如果标签位于左侧，则标签文本与控件文本垂直对齐。

  正确：

  在此示例中，标签与控件文本正确对齐。

  错误：

  在此示例中，标签与控件文本不一致。

• 可以在标签后的括号中指定单位 (秒、连接数等) 。

• 不要将下拉列表或组合框的内容 (或其单位标签) 句子的一部分，因为这不可本地化。

选项文本

• 为每个选项分配唯一名称。
• 除非项是适当的名词，否则请使用 句子样式大写。
• 将标签编写为单词或短语，而不是句子，并且不使用结尾标点符号。
• 使用并行措辞，并尝试使所有选项的长度保持大致相同。

说明性文本

• 如果需要添加有关下拉列表或组合框的说明性文本，请将其添加到标签上方。 使用带有结尾标点符号的完整句子。

• 使用 句子样式大写。

• 其他有用但不必要的信息应保持简短。 将此信息放在标签和冒号之间的括号中，或在控件下方不带括号。

  

  此示例显示放置在 控件下方的其他信息。

文档

引用下拉列表时：

• 使用确切的标签文本（包括其大写），但不要包含访问键下划线或冒号;包括列表或框，以更清晰者为准。
• 对于列表选项，请使用确切的选项文本，包括其大写。
• 在编程和其他技术文档中，将下拉列表称为下拉列表。 在其他位置，请使用列表或框，以更清晰者为准。
• 若要描述用户交互，请使用单击。
• 如果可能，请使用粗体文本设置标签和列表选项的格式。 否则，仅当需要时，才将标签和选项放在引号中以防止混淆。

示例：在“ 字号 ”列表中，单击“ 大字体”。

引用组合框时：

• 使用确切的标签文本（包括其大写），但不要包含访问键下划线或冒号;包括单词框。
• 对于列表选项，请使用确切的选项文本，包括其大写。
• 在编程和其他技术文档中，将组合框称为组合框。 在其他任何位置，请使用 box。
• 若要描述用户交互，请使用 Enter。
• 如果可能，请使用粗体文本设置标签和列表选项的格式。 否则，仅当需要时，才将标签和选项放在引号中以防止混淆。

示例：在“ 字体 ”框中，输入要使用的字体。