H5+ API 設置手機狀態欄顏色以及沉浸式狀態欄

設置狀態欄背景顏色

plus.navigator.setStatusBarBackground('#38c'); 

設置狀態欄文字顏色（只能設置黑或白   light -> 白色  dark -> 黑色 ）

plus.navigator.setStatusBarStyle('light');

 

沉浸式狀態欄（系統支持：Android4.4及以上、iOS7.0及以上）

1、判斷是否支持沉浸式

plus.navigator.isImmersedStatusbar()

默認情況下是不支持的，結果是false，需要修改項目中的配置文的配置文件manifest.json

"plus":{
    "statusbar": {
        "immersed": true
       },
       ...
}

2、獲取狀態欄高度

開啟了沉浸式，狀態欄高度變為0，頁面就會往上移，頭部和狀態欄重合，所以我們需要設置頁面頭部區域的頂部內邊距為狀態欄的高度

plus.navigator.getStatusbarHeight()

通過方法判斷是否支持沉浸式，如果支持，拿到高度后，在頁面中通過設置樣式，為狀態欄留出相應的位置

順便說一下，沉浸式是應用級的，不能動態設置，只能通過修改配置，生效后所有頁面都會變成沉浸式的，所以最好寫成公用的樣式或方法去調整

 

樣式調整前：

 

樣式調整后：