狀態列

狀態列位於 VS Code 工作台底部,用於顯示與您工作區相關的資訊與操作。項目分為兩組:主要(左側)與次要(右側)。與整個工作區相關的項目(如狀態、問題/警告、同步)應置於左側,而次要或情境相關的項目(如語言、間距、意見回饋)則置於右側。請限制新增項目的數量,因為其他擴充功能也會共用此區域。

Status Bar example

✔️ 建議做法

  • 請使用簡短的文字標籤
  • 僅在必要時使用圖示
  • 僅針對清晰的隱喻使用圖示
  • 將主要(全域)項目置於左側
  • 將次要(情境相關)項目置於右側

❌ 不建議做法

  • 新增自訂顏色
  • 新增超過一個圖示(除非必要)
  • 新增超過一個項目(除非必要)

狀態列項目

Status Bar Item

此範例顯示由「GitHub Pull Requests and Issues」擴充功能所提供的項目。由於它與整個工作區相關,因此放置於左側。

進度狀態列項目

當需要顯示隱晦的進度(在背景執行的進度)時,建議使用帶有載入圖示的狀態列項目(您也可以加入旋轉動畫)。若需要引起使用者注意而提升進度顯示層級,建議改用進度通知。

Status Bar Progress

此範例顯示一個隱晦的進度狀態列項目。

錯誤與警告狀態列項目

若需要顯示一個高度顯眼的項目以作為警告或錯誤用途,您可以設定狀態列項目使用警告或錯誤背景顏色。由於此類項目在狀態列中非常顯眼,請務必僅在最後手段或特殊情況下使用此模式。

Status Bar Error

此範例使用錯誤狀態列項目來顯示檔案中的阻礙性錯誤。

Status Bar Warning

此範例使用警告狀態列項目來顯示檔案中的警告。

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