設定 status bar 時間電量的顏色 — 白色或黑色
iPhone / iPad App 的上方有個十分重要的 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: