側邊欄
主要和次要側邊欄由一個或多個檢視組成,這些檢視由檢視容器貢獻。擴充功能可以將檢視貢獻到現有的檢視容器 (例如,檔案總管),或者它們可以貢獻全新的檢視容器。
✔️ 建議
- 將相關的檢視和內容群組在一起
- 為檢視容器及其檢視使用清晰、描述性的名稱
❌ 避免
- 避免使用過多的檢視容器。對於大多數擴充功能來說,單個檢視容器 (例如,具有該擴充功能特有檢視的側邊欄) 通常就足夠了。
- 避免使用過多的檢視 (對於大多數螢幕尺寸來說,3-5 個是一個舒適的最大值)
- 避免將可以作為簡單命令的內容添加到側邊欄。
- 避免重複現有功能
主要側邊欄
許多擴充功能選擇將檢視和/或檢視容器貢獻到主要側邊欄,因為它能為內容提供高度的能見度。在添加內容時請謹慎判斷——過多貢獻的 UI 可能會導致雜亂的體驗,使用戶感到困惑。
次要側邊欄
顧名思義,次要側邊欄通常被視為檢視的輔助位置。雖然預設情況下擴充功能無法直接向其貢獻檢視,但使用者可以從主要側邊欄或面板拖曳檢視來自訂其佈局。
側邊欄工具列
預設情況下,側邊欄中具有多個檢視的檢視容器將在側邊欄工具列中具有單個 ...
圖示按鈕,以顯示和隱藏每個檢視。看起來像這樣
但是,如果僅使用一個檢視,側邊欄將自動整合 UI,以使用側邊欄工具列來呈現特定於該檢視的所有動作。取代 ...
按鈕,與「記事」檢視相關聯的兩個動作將在其位置呈現
與其他工具列一樣,請注意不要添加過多的動作,以減少雜亂和混淆。如果可能,請使用現有的產品圖示並搭配描述性的命令名稱。