欢迎光临
我的个人博客网站

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()

通过方法判断是否支持沉浸式,如果支持,拿到高度后,在页面中通过设置样式,为状态栏留出相应的位置

顺便说一下,沉浸式是应用级的,不能动态设置,只能通过修改配置,生效后所有页面都会变成沉浸式的,所以最好写成公用的样式或方法去调整

 

样式调整前:

H5+ API 设置手机状态栏颜色以及沉浸式状态栏

 

样式调整后:

H5+ API 设置手机状态栏颜色以及沉浸式状态栏

赞(0) 打赏
未经允许不得转载:张拓的天空 » H5+ API 设置手机状态栏颜色以及沉浸式状态栏
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

专业的IT技术经验分享 更专业 更方便

联系我们本站主机

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏