參加你附近的 ,瞭解 VS Code 中的 AI 輔助開發。

面板

面板作為另一個主要區域來顯示檢視容器

✔️ 建議

  • 在面板中渲染那些受益於更多水平空間的檢視。
  • 用於提供輔助功能的檢視。

❌ 不建議

  • 用於那些應該始終可見的檢視,因為使用者經常會最小化面板。
  • 渲染自定義的 Webview 內容,當拖動到其他檢視容器(如主側邊欄或輔助側邊欄)時,這些內容無法正確調整大小/重排。

Example of a panel

面板工具欄

面板工具欄可以顯示當前選中檢視特有的選項。例如,終端檢視顯示檢視操作,用於新增新終端、拆分檢視佈局等。切換到“問題”檢視會顯示一組不同的操作。與側邊欄工具欄類似,如果只有一個檢視,則工具欄才會渲染。如果使用多個檢視,則每個檢視將渲染自己的工具欄。

✔️ 建議

  • 如果可用,請使用現有產品圖示
  • 提供清晰、有用的工具提示。

❌ 不建議

  • 不要新增過多的圖示按鈕。如果特定按鈕需要更多選項,請考慮使用上下文選單
  • 不要重複預設的面板圖示(摺疊/展開、關閉等)。

Example of a panel toolbar with a single view

在此示例中,面板中渲染的單個檢視在主面板工具欄中渲染其檢視操作。

Example of a panel toolbar with multiple views

在此示例中,使用了多個檢視,因此每個檢視都公開了自己特定的檢視操作。