パネル
パネルは、ビューコンテナを表示するためのもう 1 つの主要な領域として機能します。
✔️ 実行すること
- より水平方向のスペースを必要とするパネルにビューをレンダリングする
- サポート機能を提供するビューに使用する
❌ 実行しないこと
- ユーザーはパネルを最小化することが多いため、常に表示することを目的としたビューには使用しない
- (プライマリまたはセカンダリサイドバーのような)他のビューコンテナにドラッグしたときに適切にサイズ変更/リフローできないカスタム Webview コンテンツをレンダリングしない。
パネルツールバー
パネルツールバーは、現在選択されているビューにスコープされたオプションを公開できます。たとえば、ターミナルビューは、新しいターミナルの追加、ビューレイアウトの分割などのビューアクションを公開します。問題ビューに切り替えると、別のアクションセットが公開されます。サイドバーツールバーと同様に、ツールバーはビューが 1 つだけの場合にのみレンダリングされます。複数のビューを使用する場合、各ビューは独自のツールバーをレンダリングします。
✔️ 実行すること
- 利用可能な場合は、既存の製品アイコンを使用する
- 明確で役立つツールチップを提供する
❌ 実行しないこと
- アイコンボタンを過度に追加しない。特定のボタンに対してより多くのオプションが必要な場合は、コンテキストメニューの使用を検討してください。
- デフォルトのパネルアイコン(折りたたみ/展開、閉じるなど)を複製しない
この例では、パネルにレンダリングされた単一のビューが、メインのパネルツールバーにビューアクションをレンダリングします。
この例では、複数のビューが使用されているため、各ビューは独自の特定のビューアクションを公開します。