🚀 VS Code で で入手しましょう!

パネル

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

✔️ 実行すること

  • より水平方向のスペースを必要とするパネルにビューをレンダリングする
  • サポート機能を提供するビューに使用する

❌ 実行しないこと

  • ユーザーはパネルを最小化することが多いため、常に表示することを目的としたビューには使用しない
  • (プライマリまたはセカンダリサイドバーのような)他のビューコンテナにドラッグしたときに適切にサイズ変更/リフローできないカスタム Webview コンテンツをレンダリングしない。

Example of a panel

パネルツールバー

パネルツールバーは、現在選択されているビューにスコープされたオプションを公開できます。たとえば、ターミナルビューは、新しいターミナルの追加、ビューレイアウトの分割などのビューアクションを公開します。問題ビューに切り替えると、別のアクションセットが公開されます。サイドバーツールバーと同様に、ツールバーはビューが 1 つだけの場合にのみレンダリングされます。複数のビューを使用する場合、各ビューは独自のツールバーをレンダリングします。

✔️ 実行すること

  • 利用可能な場合は、既存の製品アイコンを使用する
  • 明確で役立つツールチップを提供する

❌ 実行しないこと

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

Example of a panel toolbar with a single view

この例では、パネルにレンダリングされた単一のビューが、メインのパネルツールバーにビューアクションをレンダリングします。

Example of a panel toolbar with multiple views

この例では、複数のビューが使用されているため、各ビューは独自の特定のビューアクションを公開します。