エージェント型開発を探求する -

パネル

パネルは、ビューコンテナーを表示するためのもう一つのメイン領域として機能します。

✔️ するべきこと

  • より広い水平スペースが必要なビューをパネルに描画します。
  • 補助的な機能を提供するビューに使用します。

❌ すべきでないこと

  • ユーザーはパネルを最小化することが多いため、常に表示しておく必要があるビューには使用しないでください。
  • 他のビューコンテナー(プライマリまたはセカンダリサイドバーなど)にドラッグした際に、リサイズやリフローが適切に行われないカスタム Webview コンテンツを描画します。

Example of a panel

パネルツールバー

パネルツールバーには、現在選択されているビューにスコープされたオプションを表示できます。例えば、ターミナルビューでは新しいターミナルの追加、ビューレイアウトの分割などを行うビューアクションが表示されます。問題(Problems)ビューに切り替えると、異なる一連のアクションが表示されます。サイドバーツールバーと同様に、ツールバーはビューが単一の場合にのみ表示されます。複数のビューが使用されている場合、各ビューがそれぞれのツールバーを描画します。

✔️ するべきこと

  • 利用可能な場合は、既存のプロダクトアイコンを使用してください。
  • 明確で役に立つツールチップを提供してください。

❌ すべきでないこと

  • アイコンボタンを過剰に追加しないでください。特定のボタンに対してより多くのオプションが必要な場合は、コンテキストメニューの使用を検討してください。
  • デフォルトのパネルアイコン(折りたたみ/展開、閉じるなど)を複製しないでください。

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.