设置状态栏颜色
使用 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行。