面板

面板是用于显示 视图容器 (View Containers) 的另一个主要区域。

✔️ 建议

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

❌ 不建议

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

Example of a panel

面板工具栏

面板工具栏可以公开限定于当前选中视图的操作选项。例如,“终端”视图会公开 视图操作 以添加新终端、拆分视图布局等。切换到“问题”视图则会显示另一组操作。与 侧边栏工具栏 类似,只有在仅存在单个视图时,工具栏才会渲染。如果使用了多个视图,每个视图都将渲染其各自的工具栏。

✔️ 建议

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

❌ 不建议

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

Example of a panel toolbar with a single view

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

Example of a panel toolbar with multiple views

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

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