cordova 設置狀態欄顏色以及啓動頁全屏

設置狀態欄顏色

使用 cordova-plugin-statusbar 插件進行實現。請仔細閱讀官方文檔，描述比較詳細。

設置狀態欄顏色主要是針對 Android 平臺進行設置，修改配置文件 config.xml

 <preference name="StatusBarOverlaysWebView" value="true" /> <!-- 啓動時使狀態欄覆蓋或不覆蓋WebView 默認值爲true --> 
 <preference name="StatusBarStyle" value="lightcontent" />  <!-- 狀態欄樣式，默認爲lightcontent --> 

聰明的人已經發現，其實不用加，如果有此屬性，刪除或者改爲默認值即可。

在項目啓動的地方加入代碼，如果是 iocic 項目就在 app.js 文件中 .run 的 $ionicPlatform.ready(function () 中加入如下代碼

if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
    window.StatusBar.overlaysWebView(true); // 是否覆蓋webview,如果覆蓋需要做相應的樣式處理
    window.StatusBar.backgroundColorByHexString('#3ba4f5');
}

如果是其他的項目，在啓動代碼加入如下代碼時記得加 deviceready 監聽

document.addEventListener('deviceready', function () {
    if (window.cordova && window.cordova.plugins && window.cordova.plugins.Keyboard) {
        window.StatusBar.overlaysWebView(true); // 是否覆蓋webview,如果覆蓋需要做相應的樣式處理
    	window.StatusBar.backgroundColorByHexString('#3ba4f5');
     }
}, false);

設置啓動頁全屏

設置啓動頁全屏方法很簡單，iOS 不需要處理，Android 端只需要註釋兩行代碼。打開 cordova-plugin-splashscreen 中 /src/android 的 SplashScreen.java 文件註釋如下代碼：

// check to see if the splash screen should be full screen
// if ((cordova.getActivity().getWindow().getAttributes().flags & WindowManager.LayoutParams.FLAG_FULLSCREEN)
//                        == WindowManager.LayoutParams.FLAG_FULLSCREEN) {
                    splashDialog.getWindow().setFlags(WindowManager.LayoutParams.FLAG_FULLSCREEN,
                            WindowManager.LayoutParams.FLAG_FULLSCREEN);
// }

註釋 if 判斷語句。在文件的318行。