サイドバー

プライマリサイドバーとセカンダリサイドバーは、ビューコンテナによって提供される1つ以上のビューで構成されます。拡張機能は、既存のビューコンテナ(エクスプローラーなど)にビューを提供することも、まったく新しいビューコンテナを提供することもできます。

✔️ するべきこと

  • 関連するビューとコンテンツをまとめてグループ化する
  • ビューコンテナとそのビューには、明確でわかりやすい名前を使用する

❌ すべきでないこと

  • ビューコンテナを過剰に追加しない。ほとんどの拡張機能にとって、単一のビューコンテナ(その拡張機能固有のビューを持つサイドバーなど)で十分です。
  • ビューを過剰に追加しない(ほとんどの画面サイズにおいて、3〜5個が快適な最大数です)
  • 単純なコマンドで済むようなコンテンツをサイドバーに追加しない。
  • 既存の機能を繰り返す

Example of two sidebars

プライマリサイドバー

多くの拡張機能が、その高い視認性を理由にプライマリサイドバーにビューやビューコンテナを追加することを選択します。ここに追加するコンテンツについては慎重に判断してください。UIが過剰になると、ユーザーを混乱させる煩雑な体験につながる可能性があります。

Example of the primary sidebar

セカンダリサイドバー

名前が示す通り、セカンダリサイドバーは通常、ビューの補助的な場所とみなされます。デフォルトでは拡張機能が直接ビューをそこに追加することはできませんが、ユーザーがプライマリサイドバーやパネルからビューをドラッグして、レイアウトをカスタマイズすることは可能です。

Example of the secondary sidebar

デフォルトでは、サイドバー内の複数のビューを持つビューコンテナには、各ビューの表示・非表示を切り替えるための ... アイコンボタンがサイドバーツールバーに表示されます。外観は以下のようになります。

Sidebar with two views

ただし、ビューが1つしか使用されていない場合、サイドバーはUIを自動的に統合し、そのビュー固有のすべてのアクションをサイドバーツールバーにレンダリングします。... ボタンの代わりに、「Notes」ビューに関連付けられた2つのアクションがその場所に表示されます。

Sidebar with a single view and toolbar with actions

他のツールバーと同様、煩雑さと混乱を避けるため、アクションを追加しすぎないように注意してください。可能な場合は、既存のプロダクトアイコンと、わかりやすいコマンド名を組み合わせて使用してください。

© . This site is unofficial and not affiliated with Microsoft.