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