开启沉浸式状态栏及设置

沉浸式状态不支持动态设置,属于应用级的。此类参数信息,通常在manifest.json中配置。
manifest.json->plus节点下

“statusbar”: {
“immersed”: true //开启沉浸式状态栏
}
配置后,运行看到首页是这样的。

我的天,Webview里面的内容上天了,这显然不是我们期望的沉浸式状态栏的样子。

设置Webview的状态栏颜色
上面这种情况,在html5plus应用开发中,可以通过设置Webview的状态栏样式,模拟出一个状态条来填充状态栏部分的空间。
终端支持

Android5及以上系统支持
iOS7.0及以上系统支持
首页
无论是launchwebview还是secondwebview,都是在manifest.json中配置相关的参数信息。
manifest.json->plus->launchwebview

“launchwebview”: {
“statusbar”: {
“background”: “#FF3333”
}
}
此时,再次运行,我们看到的效果是这样的。

Webview的内容出现在了正常的位置,这才是正确的样子。

普通Webview
普通的Webview,可以在创建的时候,设置statusbar的background来填充状态栏颜色。

webview = plus.webview.create(‘test.html’, ‘test’, {
statusbar: {
background: ‘#1478ee’
}
});
有titleNView的Webview
如果Webview配置了titleNView,创建Webview时,会取titleNView下的backgroundColor值,填充状态栏颜色。

webview = plus.webview.create(‘test.html’, ‘test’, {
titleNView: {
titleText: ‘测试页’,
backgroundColor: ‘#fb6f18’
}
});
效果是这样的

为了区分开来,这里特地使用了不同的颜色。
Webview窗口的系统状态栏区域样式
窗口标题栏控件样式

前景色
调整状态栏颜色后,有时会出现系统状态栏部分的文字不清楚的情况。这时候,需要调调整前景色。
前景色的设置,受到的限制更多,只有“dark”和“light”两个选项。
同时前景色处理在终端支持方面

Android5只有小米和魅族支持,Android6及以上所有安卓支持
iOS7及以上支持
manifest.json配置
manifest.json->plus->statusbar

“statusbar”: {
“style”: “dark”
}
调用API
也可以通过调用相关API进行设置调整,设置系统状态栏样式。

plus.navigator.setStatusBarStyle(‘dark’);
注意事项
黑白灰等以及接近黑白灰的颜色不支持设置为状态栏前景色,防止与前景色一致导致状态栏文字看不到。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值