本頁面由 Cloud Translation API 翻譯而成。

Android 系統資訊列

狀態列和導覽列兩者合稱為「系統列」。會顯示電池電量、時間和通知快訊等重要資訊，讓使用者無論身在何處，都能直接與裝置互動。

請務必考量系統資訊列的顯眼程度，無論您要設計的是與 Android 作業系統、輸入法或其他裝置功能互動的使用者介面，都很重要。將系統資訊列保持在大多數層的頂端，確保其適用。

受迫失誤數

在設計中納入系統列，考量 UI 安全區域、系統互動、輸入方法、螢幕凹口和其他裝置功能。將系統資訊列保持在最頂層，可確保系統將其納入考量。
建議做法：將系統列保持透明，並以全螢幕顯示應用程式，在列下方接續使用者介面，提供完整的無邊框體驗。
如果無法將兩條長條都設為透明，請確認長條的顏色與應用程式主體的顏色相符。例如，請將底部導覽列的顏色與手勢列顏色配對，而頂端狀態列的顏色與主體顏色相符。

圖 2：確認系統列的顏色與應用程式的主體顏色相符
請避免在手勢插邊中新增輕觸手勢或拖曳目標；這類操作與無邊框和手勢操作相衝突。

圖 3：系統手勢插邊。請避免將輕觸目標放在這些區域

注意： 系統資訊列和導覽方式可能因裝置製造商而異。舊款裝置可能會有硬體導覽按鈕，而非軟體按鈕。

無邊框功能可讓 Android 在系統列下方繪製 UI，藉此提供更優質的沉浸式體驗。我們建議使用無邊框導覽列，因為導覽列上對使用者來說是常見的要求。(瞭解如何支援無邊框技術)。

應用程式可以回應「插邊」，解決內容重疊的問題。插邊說明需要添加多少應用程式內容，以免與 Android OS UI 的部分 (例如導覽列或狀態列) 或實體裝置功能 (例如螢幕凹口) 重疊。

針對無邊框用途設計時，請注意下列插邊類型：

在 Android 中，狀態列包含通知圖示和系統圖示。使用者藉由向下拉動以存取通知欄，藉此與狀態列互動。

狀態列的顯示方式會因情境、時段、使用者設定的偏好設定或主題和其他參數而有所不同。您也可以設定狀態列樣式，如以下範例所示。

收到通知時，狀態列通常會顯示一個圖示。這會讓使用者知道通知導覽匣中有可檢視的內容。可以是應用程式圖示或符號來代表頻道。請參閱「通知設計」。

圖 10：狀態列中的通知圖示

將狀態列背景設定成應用程式主題的一部分，並加入自訂顏色或樣式，並設定透明度和不透明度。

<style name="Theme.MyApp">
  <item name="android:statusBarColor">
    @android:color/transparent
  </item>
</style>

如果是手動設定背景顏色，可以選擇將狀態列內容的樣式設為淺色或深色，以便達到最佳對比度。

部分裝置會延伸至螢幕表面，藉此為前置感應器提供空間，而螢幕凹口是一個區域。這可能會影響狀態列的外觀。螢幕凹口可能因製造商而異。

Android 可讓使用者運用返回、主畫面和總覽控制選項控制導航：

使用者可以選擇各種導覽列設定，包括手勢瀏覽 (建議) 和三按鈕操作。

我們在 Android 10 (API 級別 29) 中推出了手勢操作，雖然無法覆寫使用者的偏好設定，但是建議的導覽類型。手勢導覽不使用返回、首頁和總覽按鈕，而是顯示單一手勢來操作用途。只要從螢幕左側或右側往另一側滑動，使用者就可以從螢幕底部向前或向後返回主畫面。向上滑動並按住，即可開啟總覽。

手勢操作是更可擴充的導覽模式，適合在行動裝置和大螢幕中進行設計。為提供最佳使用者體驗，請將手勢導覽納入考量：

三按鈕操作提供三個按鈕，可用於返回、主畫面和總覽按鈕。

視 Android 版本和其他導覽列設定而定，使用者可以使用。舉例來說，雙按鈕操作提供「主畫面」和「返回」按鈕。

下例說明如何實作導覽樣式。

<style name="Theme.MyApp">
  <item name="android:navigationBarColor">
    @android:color/transparent
  </item>
</style>

Android 會以手勢導覽模式或按鈕模式處理使用者介面的所有視覺保護措施。

手勢操作模式：系統會套用動態色彩調整，其中系統列的內容會根據其後方的內容改變顏色。在以下範例中，如果導覽列放在淺色內容上方，導覽列中的控點會變更為深色，反之亦然。

圖 15：動態色彩調整
按鈕模式：系統會在系統列 (適用於 API 級別 29 以上) 或透明系統列 (適用於 API 級別 28 以下版本) 後方套用半透明紗罩。

圖 16：動態色彩調整：系統長條會根據其後方的內容改變顏色