现已发布!阅读有关一月份的新功能和修复。

快速选择

快速选择是一种轻松执行操作和接收用户输入的方式。当选择配置选项、需要过滤内容或从列表中选择项目时,这会很有帮助。

Quick Pick example

✔️ 建议

  • 使用图标以清晰地传达含义
  • 使用精心设计的图标,增加清晰度并帮助区分项目
  • 使用描述来显示当前项目(如果适用)
  • 使用详情来提供(简短的)附加上下文
  • 使用多步模式来处理一系列基本输入
  • 在从列表中选择项目时,提供创建新项目的选项(如果适用)
  • 为多步快速选择使用标题
  • 为没有文本输入的快速选择使用标题
  • 为要求文本输入的快速选择使用标题(使用占位符显示提示或示例)
  • 为包含全局按钮(例如刷新图标)的快速选择使用标题

❌ 不建议

  • 重复现有功能
  • 当占位符本身可以描述目的时,使用标题
  • 使用不带占位符的输入

多步

快速选择可以配置为包含多个步骤。当您需要在单个流程中捕获相关但独立的选择时,请使用它们。避免将快速选择用于具有多个步骤的长流程——它们不太适合用作向导或类似的复杂体验。

Multi-step Quick Pick example

请注意快速选择标题中的“1/3”文本,它表示当前步骤和流程总步骤数。

多项选择

使用多选快速选择来处理需要一步完成的选择。

Multi-step Quick Pick example

标题

快速选择还可以配置为在主输入和选择 UI 上方显示一个标题栏。当用户需要有关正在进行的选取的更多上下文时,请使用标题。避免使用已在快速选择的输入占位符中使用的标签作为标题。

Multi-step Quick Pick example

使用分隔符

可以使用快速选择分隔符将快速选择项目分组到清晰的区域中。这些分隔符带有分隔线和标签,以清晰地显示区域。如果扩展程序具有包含多个明显选择组的快速选择,请使用分隔符。

Quick Pick with separators

© . This site is unofficial and not affiliated with Microsoft.