側邊欄

主要與次要側邊欄由一個或多個由檢視容器 (View Container) 所提供的檢視 (Views) 組成。擴充功能可以將檢視貢獻至現有的檢視容器(例如「檔案總管」),也可以貢獻全新的檢視容器。

✔️ 建議做法

  • 將相關的檢視與內容分組在一起
  • 為檢視容器及其檢視使用清晰、具描述性的名稱

❌ 不建議做法

  • 避免使用過多的檢視容器。對於大多數擴充功能而言,單一檢視容器(例如包含該擴充功能專屬檢視的側邊欄)通常就已足夠。
  • 避免使用過多的檢視(對於大多數螢幕尺寸,3 到 5 個是舒適的上限)
  • 避免將本可以透過簡單指令 (Command) 實現的內容加入側邊欄。
  • 重複使用現有功能

Example of two sidebars

主要側邊欄 (Primary Sidebar)

由於主要側邊欄具有極高的可見度,許多擴充功能會選擇將檢視和/或檢視容器貢獻至此。在新增內容時請務必謹慎——過多的介面貢獻可能會導致畫面雜亂,進而使用戶感到困惑。

Example of the primary sidebar

次要側邊欄 (Secondary Sidebar)

顧名思義,次要側邊欄通常被視為檢視的輔助位置。雖然預設情況下擴充功能無法直接將檢視貢獻至此,但使用者可以將檢視從主要側邊欄或面板 (Panel) 拖曳至此,以自訂其版面配置。

Example of the secondary sidebar

預設情況下,若側邊欄中的檢視容器包含多個檢視,側邊欄工具列會顯示一個 ... 圖示按鈕,用於顯示和隱藏各個檢視。看起來就像這樣

Sidebar with two views

然而,如果只使用一個檢視,側邊欄會自動整合介面,直接利用側邊欄工具列來呈現該檢視專屬的所有動作。原本的 ... 按鈕會被替換,直接呈現與「Notes」檢視相關聯的兩個動作

Sidebar with a single view and toolbar with actions

與其他工具列一樣,請小心不要加入過多動作,以減少混亂與困擾。若可能,請使用現有的產品圖示並搭配具描述性的指令名稱。

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