侧边栏
主侧边栏和辅助侧边栏由一个或多个由视图组成,这些视图由视图容器贡献。 扩展可以向现有的视图容器(例如,资源管理器)贡献视图,或者它们可以贡献全新的视图容器。
✔️ 推荐
- 将相关的视图和内容组合在一起
- 为视图容器及其视图使用清晰、描述性的名称
❌ 不推荐
- 使用过多的视图容器。 对于大多数扩展来说,单个视图容器(例如,具有该扩展特有的视图的侧边栏)通常就足够了。
- 使用过多的视图(对于大多数屏幕尺寸来说,3-5 个是一个舒适的最大值)
- 向侧边栏添加可以用简单命令实现的内容。
- 重复现有功能
主侧边栏
许多扩展选择向主侧边栏贡献视图和/或视图容器,因为它为内容提供了很高的可见性。 在此处添加内容时请谨慎判断——过多的贡献 UI 可能会导致混乱的体验,从而使用户感到困惑。
辅助侧边栏
顾名思义,辅助侧边栏通常被认为是视图的辅助位置。 虽然默认情况下扩展程序无法直接向其贡献视图,但用户可以将视图从主侧边栏或面板拖动到此处以自定义其布局。
侧边栏工具栏
默认情况下,侧边栏中具有多个视图的视图容器将在侧边栏工具栏中显示一个单独的 ...
图标按钮,以显示和隐藏每个视图。 看起来像这样
但是,如果仅使用一个视图,则侧边栏将自动合并 UI 以使用侧边栏工具栏来呈现特定于该视图的所有操作。 在 ...
按钮的位置,与“Notes”视图关联的两个操作将呈现在其位置
与其他工具栏一样,请注意不要添加过多操作,以减少混乱。 如果可能,请使用现有的产品图标并搭配描述性的命令名称。