侧边栏

主侧边栏和次要侧边栏由一个或多个由视图容器提供的视图组成。扩展可以向现有的视图容器(例如“资源管理器”)贡献视图,也可以贡献一个全新的视图容器。

✔️ 建议

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

❌ 不建议

  • 避免使用过多的视图容器。对于大多数扩展而言,单个视图容器(例如包含该扩展特有视图的侧边栏)通常就足够了。
  • 避免使用过多的视图(对于大多数屏幕尺寸,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

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

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