面板
面板作为另一个主要区域来显示视图容器。
✔️ 应该这样做
- 在面板中渲染受益于更多水平空间的视图
- 用于提供辅助功能的视图
❌ 不应该这样做
- 避免用于需要始终可见的视图,因为用户经常最小化面板
- 避免渲染在拖动到其他视图容器(如主侧边栏或辅助侧边栏)时无法正确调整大小/重排的自定义 Webview 内容。
面板工具栏
面板工具栏可以显示作用域限定于当前所选视图的选项。例如,终端视图显示视图操作,用于添加新终端、拆分视图布局等。切换到“问题”视图会显示一组不同的操作。与侧边栏工具栏类似,工具栏仅在只有一个视图时才会渲染。如果使用多个视图,则每个视图将渲染其自己的工具栏。
✔️ 应该这样做
- 如果可用,请使用现有的产品图标
- 提供清晰、有用的工具提示
❌ 不应该这样做
- 不要添加过多的图标按钮。如果某个按钮需要更多选项,请考虑使用上下文菜单。
- 不要复制默认的面板图标(折叠/展开、关闭等)
在此示例中,面板中渲染的单个视图将其视图操作渲染在主面板工具栏中。
在此示例中,使用了多个视图,因此每个视图都显示其自己特定的视图操作。