設定 status bar 時間電量的顏色 — 白色或黑色

iPhone / iPad App 的上方有個十分重要的 status bar,時時刻刻提醒我們現在的時間電量。

Apple Human Interface Guidelines 裡 status bar 的說明

時間電量顯示的顏色有黑白兩種,預設它會依據 App 的畫面是否為 dark mode 調整顏色,方便使用者看清楚它們。當 App 不是 dark mode 時,時間電量會顯示黑色。當 App 是 dark mode 時,時間電量會顯示白色。

我們可以指定時間電量固定顯示白色或黑色,比方我們的 App 背景是深藍色,因此搭配白色的時間電量會是較好的選擇。

以下我們示範設定 status bar 時間電量顏色的方法。

將 View controller-based status bar appearance 設為 NO

點選專案後,點選 TARGETS 下的 App,切換到 Info 頁面,點選表格裡任一個項目,然後點選 + 新增一個 key。

點選 + 將出現選單,先輸入大寫的 V,然後選擇 View controller-based status bar appearance。

將 View controller-based status bar appearance 的 Value 設為 NO,讓 App status bar 的時間電量固定某個顏色。原本 App 可從程式控制每個畫面顯示不同的時間電量顏色,不過我們希望整個 App 固定顏色,因此將此欄位設為 NO。

從 Status Bar Style 設定時間電量的顏色

點選專案後,點選 TARGETS 下的 App,切換到 General 頁面,找到 Status Bar Style。

Status Bar Style 控制時間電量的顏色,有 Default,Dark Content & Light Content 三種。

  • Default

依據 App 的畫面是否為 dark mode 調整顏色。當 App 不是 dark mode 時,時間電量會顯示黑色。當 App 是 dark mode 時,時間電量會顯示白色。

  • Dark Content

時間電量顯示黑色。

  • Light Content

時間電量顯示白色。

以下我們分別試試設定 Dark Content & Light Content 的效果。

設為 Dark Content:

設為 Light Content:

--

--

彼得潘的 iOS App Neverland
彼得潘的 Swift iOS App 開發問題解答集

彼得潘的iOS App程式設計入門,文組生的iOS App程式設計入門講師,彼得潘的 Swift 程式設計入門,App程式設計入門作者,http://apppeterpan.strikingly.com