html移动端沉浸式状态栏,app沉浸式状态实现分享，解决状态栏遮挡顶部的问题...

解决方法:

1.增加标识：在在apicloud根目录中的congfig.xml中增加一个标识，标识value的值必须和下边判断代码中的一样

2.判断：在网站中需要设置头部距顶部距离的地方插入如下代码(用途是判断是自己app访问的话就调用指定样式)

if(navigator.userAgent.indexOf("app123") !=-1)

{

document.write('');

}

3.在apicloud根目录中的congfig.xml中开启沉浸式如：

4.在apicloud根目录中的index.html关闭全屏api.setFullScreen({fullScreen: false});

5.在网站中创建css样式文件，设置头部距离顶部的padding-top:30px;(这是解决网站头部的)根据自身网站不同情况可能要微调别的样式

6.在网站下载的APP源码目录\h5app\html\index.html中的

中添加如下代码(这是解决群聊头部的)

.bui-bar {padding-top:30px;}

7.如果要设定状态栏的样式就在在apicloud根目录中的index.html文件内查找 apiready = function() { 并在里边插入设置状态栏样式的代码

api.setStatusBarStyle({

color : 'rgba(0,0,0,0.3)'

});

html移动端沉浸式状态栏,app沉浸式状态实现分享，解决状态栏遮挡顶部的问题...相关推荐

android沉浸式状态栏图片背景,Android App 沉浸式状态栏解决方案
伴随着 Android 5.0 发布的 Material Design,让 Android 应用告别了以前的工程师审美,迎来了全新的界面,灵动的交互,也让越来越多的 App 开始遵从 material ...
Android --- 详细介绍透明式状态栏和沉浸式状态栏
今天来写一个类似于qq空间的那种沉浸式效果.先来看看qq空间的这种效果我们看到,头部局上拉的时候有个头布局的透明是从0变化到1,当你下拉的时候,头部局透明度又从1变化到0了.始终效果看起来还是不错的 ...
沉浸式模式与沉浸式状态栏
Google 在 Android 4.4 的 API 描述页面里提到了"Translucent system UI styling",即半透明化的系统UI风格.这个"半透 ...
android 4.4 以上沉浸式状态栏和沉浸式导航栏管理，一句代码轻松实现
ImmersionBar 项目地址:gyf-dev/ImmersionBar 简介:android 4.4 以上沉浸式状态栏和沉浸式导航栏管理,一句代码轻松实现,以及对 bar 的其他设置,详见 R ...
android图片延伸到状态栏,Android 沉浸式状态栏的多种样式
小菜最近正在处理客户端顶部沉浸式展示图片,借此整理了一下小菜自己研究测试的沉浸式状态栏. 沉浸式状态栏大家都很熟悉,即 APP 界面图片延伸到状态栏, 应用本身沉浸于状态栏,即顶部不会默认展示系统的黑 ...
android透明度大全,状态栏大全-状态栏透明(沉浸式)、变色及全屏的区别
手机的顶部状态栏,也就是信号.电量那条,有4种状态,分别是正常.变色.透明(也称沉浸式状态栏).消失(也就是全屏). 后3种特殊用法,具体见下: 状态栏变色常见使用场景:如果title背景为纯色且显 ...
android开发沉浸式标题栏_Android沉浸式状态栏实现
应用市场上App越来越多的出现沉浸式状态栏的设计(如下图所示)状态栏和导航栏具有相同的颜色.Android在4.4开始对于该种效果的支持,而在4.4之下,状态栏只是黑框,无法控制.同时在4.4和5.0 ...
Android布局延伸状态栏,Android沉浸式全屏讲解(状态栏、导航栏处理)
Android应用中经常会有一些要求全屏显隐状态栏导航栏的需求.通过全屏沉浸式的处理可以让应用达到更好的显示效果.下面系统的讲解一下有关全屏,隐藏状态栏导航栏,沉浸式的知识. 在Android4.1之 ...
android8沉浸式状态栏,Android 沉浸式状态栏
什么是沉浸式状态栏严格来说,没有沉浸式状态栏这种定义,谷歌dalao说的是** Immersive Mode **沉浸式模式(不过我个人叫的挺顺口的,要改).那么,什么是沉浸式模式呢? 首先理解一下 ...

html移动端沉浸式状态栏,app沉浸式状态实现分享，解决状态栏遮挡顶部的问题...

html移动端沉浸式状态栏,app沉浸式状态实现分享，解决状态栏遮挡顶部的问题...相关推荐

最新文章

热门文章