侧边栏

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

✔️ 做

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

❌ 不要

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

两个侧边栏的示例

主侧边栏

许多扩展选择在主侧边栏中贡献视图和/或视图容器,因为这样可以提高内容的可见性。在添加内容时请谨慎判断——过多的贡献UI可能会导致界面混乱,使用户感到困惑。

主侧边栏示例

次级侧边栏

顾名思义,次侧边栏通常被视为视图的辅助位置。虽然扩展默认情况下不能直接向其中添加视图,但用户可以从主侧边栏或面板拖动视图来自定义布局。

二级侧边栏示例

默认情况下,侧边栏中的视图容器如果包含多个视图,将在侧边栏工具栏中显示一个单一的...图标按钮,用于显示和隐藏每个视图。看起来像这样:

带有两个视图的侧边栏

然而,如果只使用一个视图,侧边栏将自动整合用户界面,使用侧边栏工具栏来渲染与该视图相关的所有操作。代替...按钮,与“笔记”视图相关的两个操作将在此处渲染:

带有单个视图的侧边栏和带有操作的工具栏

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