现已推出!阅读 10 月份的新功能和修复。

侧边栏

主侧边栏和辅助侧边栏包含一个或多个由 视图容器 贡献的 视图。扩展可以向现有视图容器(例如资源管理器)贡献视图,也可以贡献全新的视图容器。

✔️ 应该

  • 将相关的视图和内容分组在一起
  • 为视图容器及其视图使用清晰、描述性的名称

❌ 不应该

  • 使用过多数量的视图容器。对于大多数扩展来说,一个视图容器(例如,具有该扩展独有视图的侧边栏)通常就足够了。
  • 使用过多数量的视图(对于大多数屏幕尺寸来说,3-5 个是舒适的最大值)
  • 在侧边栏中添加可以作为简单命令的内容。
  • 重复现有功能

Example of two sidebars

主侧边栏

许多扩展选择将视图和/或视图容器贡献给主侧边栏,因为这样做可以提高内容的可见度。在向此处添加内容时,请谨慎考虑,因为贡献的 UI 过多会导致混乱的体验,并可能让用户感到困惑。

Example of the primary sidebar

辅助侧边栏

顾名思义,辅助侧边栏通常被认为是视图的辅助位置。虽然扩展默认情况下无法直接向其中贡献视图,但用户可以将视图从主侧边栏或面板拖动到此处以自定义布局。

Example of the secondary sidebar

默认情况下,侧边栏中具有多个视图的视图容器会在侧边栏工具栏中显示一个 ... 图标按钮,以显示和隐藏每个视图。外观如下

Sidebar with two views

但是,如果只使用一个视图,侧边栏会自动整合 UI 以使用侧边栏工具栏来呈现与该视图相关的全部操作。... 按钮的位置将改为呈现与“Notes”视图相关的两个操作

Sidebar with a single view and toolbar with actions

与其他工具栏一样,请注意不要添加过多的操作,以免造成混乱。如果可能,请使用现有的产品图标,并配以描述性的命令名称。