🚀 在 VS Code 中

面板

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

✔️ 建議

  • 在面板中呈現受益於更多水平空間的檢視
  • 用於提供輔助功能的檢視

❌ 避免

  • 避免用於應始終可見的檢視,因為使用者經常最小化面板
  • 避免呈現自訂 Webview 內容,當拖曳到其他檢視容器(如主要或次要側邊欄)時,這些內容無法正確調整大小/重新排列。

Example of a panel

面板工具列

面板工具列可以公開目前選取檢視範圍內的選項。例如,終端機檢視公開了檢視動作,用於新增終端機、分割檢視版面配置等等。切換到「問題」檢視會公開不同的動作集。與側邊欄工具列類似,工具列僅在只有單一檢視時才會呈現。如果使用多個檢視,則每個檢視都會呈現自己的工具列。

✔️ 建議

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

❌ 避免

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

Example of a panel toolbar with a single view

在此範例中,面板中呈現的單一檢視會在主要面板工具列中呈現其檢視動作。

Example of a panel toolbar with multiple views

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