参加你附近的 ,了解 VS Code 中的 AI 辅助开发。

面板

面板作为另一个主要区域来显示视图容器

✔️ 建议

  • 在面板中渲染那些受益于更多水平空间的视图。
  • 用于提供辅助功能的视图。

❌ 不建议

  • 用于那些应该始终可见的视图,因为用户经常会最小化面板。
  • 渲染自定义的 Webview 内容,当拖动到其他视图容器(如主侧边栏或辅助侧边栏)时,这些内容无法正确调整大小/重排。

Example of a panel

面板工具栏

面板工具栏可以显示当前选中视图特有的选项。例如,终端视图显示视图操作,用于添加新终端、拆分视图布局等。切换到“问题”视图会显示一组不同的操作。与侧边栏工具栏类似,如果只有一个视图,则工具栏才会渲染。如果使用多个视图,则每个视图将渲染自己的工具栏。

✔️ 建议

  • 如果可用,请使用现有产品图标
  • 提供清晰、有用的工具提示。

❌ 不建议

  • 不要添加过多的图标按钮。如果特定按钮需要更多选项,请考虑使用上下文菜单
  • 不要重复默认的面板图标(折叠/展开、关闭等)。

Example of a panel toolbar with a single view

在此示例中,面板中渲染的单个视图在主面板工具栏中渲染其视图操作。

Example of a panel toolbar with multiple views

在此示例中,使用了多个视图,因此每个视图都公开了自己特定的视图操作。