html5获取状态栏颜色,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()

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

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

样式调整前：

样式调整后：

html5获取状态栏颜色,H5+ API 设置手机状态栏颜色以及沉浸式状态栏相关推荐

状态栏总结（沉浸式状态栏+状态栏颜色+状态栏字体的颜色）
今天总结一下状态栏的使用,当然也是参考别人的.但是总归自己得试试,然后把常用的几种情况记下来,因为这些东西是死的,下次拿过来就可以用. 一. 沉浸式状态栏 :Android 5.0以上才会支持沉浸式 ...
Android 沉浸式状态栏和全面屏遇到刘海屏
文章目录一.沉浸式状态栏 1.1 Android 4.4(API 19)- Android 5.0( API 21) 1.2 Android 5.0(API 21)以上版本 1.3 Android ...
cordova实现沉浸式状态栏（andriod+ios）
项目需求将一个webapp打包成成andriod端和ios端,并且实现沉浸式状态栏什么是沉浸式状态栏直接上图非沉浸式状态栏沉浸式状态栏可以看出,非沉浸式状态下,状态栏与app界面是分离的, ...
沉浸式状态栏实现，完美适配Android刘海屏，终极兼容
第一篇博客献给曾经帮助我N次的CSDN,在此感谢那些帮助我头发越来越少的***. 刘海屏出来有一段时间了,为了适配刘海屏找了不少方案,感觉都比较费劲. 因为我们项目需求,状态栏是渐变色,所以我采用了全 ...
android 自定义输入法布局,Android 解决沉浸式状态栏下，输入法弹出，布局不会自动调整的BUG...
一.前言在开发中,如果输入框在布局的底部.在弹出输入发时,为了使输入法不遮挡输入框通常有两种做法: 1.将布局压缩(Activity的android:windowSoftInputMode属性设置为 ...
设置状态栏颜色、沉浸式状态栏
导入依赖: implementation 'com.gyf.immersionbar:immersionbar:3.0.0' gradle.properties加入如下配置,不然可能编译报错: and ...
android实现系统状态栏的隐藏方法,Android隐藏系统状态栏（沉浸式状态栏）和设置状态栏颜色...
Android 5.0(API 21)之后就可以对系统状态栏进行设置了,这里我不是想深入讨论对系统状态栏的一些高级设置,因为一般也用不到,我只想说最常见的两种场景隐藏系统状态栏,这就是感觉很牛逼的沉 ...
Android设置状态栏颜色，沉浸式状态栏 fllutter Android设置沉浸式状态栏
1. Android原生设置沉浸式状态栏,设置状态栏颜色,字体颜色 import android.annotation.TargetApi; import android.app.Activity; ...
android布局黑色字体颜色,Android 沉浸式状态栏-字体颜色与背景颜色修改实现与兼容...
沉浸式状态栏究其根本就是将布局内容延伸到状态栏中,让状态栏覆盖在布局上或者隐藏. 实现首先,要修改状态栏android版本至少要在4.4以上,并且在4.4是不能让状态栏透明的,只能达到一种半透明的阴 ...
Android 沉浸式状态栏-字体颜色与背景颜色修改实现与兼容
沉浸式状态栏究其根本就是将布局内容延伸到状态栏中,让状态栏覆盖在布局上或者隐藏. 实现首先,要修改状态栏android版本至少要在4.4以上,并且在4.4是不能让状态栏透明的,只能达到一种半透明的阴 ...

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

html5获取状态栏颜色,H5+ API 设置手机状态栏颜色以及沉浸式状态栏相关推荐

最新文章

热门文章