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