hbuilderx设置状态栏

一、前言

状态栏就是手机屏幕最顶部的区域，包括了：信号、运营商、电量等信息。通常APP都有属于自己的色调风格，为了达到整体视觉美观，通常会设置状态栏和标题栏的色调设置成一致。

二、状态栏状态类型

默认
变色（设置颜色）
透明（沉浸式，无高度）
消失（全屏）

三、状态栏变色

1.效果如图：
　　

2.根据色调设置状态栏文字颜色，文字颜色只提供两种值：light（白色）、dark（黑色）

3.设置标题栏背景颜色

4.设置状态栏背景颜色，颜色值为16进制

注意事项：

背景色终端支持仅：Android5及以上系统支持；iOS7.0及以上系统支持。

文字色终端支持仅：Android5只有小米和魅族支持，Android6及以上所有安卓支持；iOS7及以上支持。

四、状态栏透明（沉浸式）

需求描述：将背景设置成图片，图片可以适应不同设备的分配率（响应式），将状态栏的背景设置成透明，背景图片覆盖状态栏至屏幕顶部。

mui.plusReady(function(){             plus.navigator.setStatusBarStyle('light');
});"plus": {"statusbar": {"immersed": true}
}

沉浸式延伸的问题

由于沉浸式模式是在manifest.json文件配置，作为了一个固定全局的设置，沉浸式的设置可能只是针对部分页面，那么对其他的页面都牵连了。

导致状态栏的高度被忽略

解决代码：

  mui.plusReady(function(){                      plus.webview.currentWebview().setStyle({statusbar:{background:'#ff0000'},top:0,bottom: 0});});

background属性，设置状态栏的背景色。

五、全屏显示（没有状态栏）

在应用中可调用5+ API动态改变应用是否全屏显示的状态：

function fullscreen(){// 设置应用全屏显示！plus.navigator.setFullscreen(true);
}
function unfullscreen(){// 设置应用非全屏显示！plus.navigator.setFullscreen(false);
}
function isfullscreen(){// 查询应用当前是否全屏显示！console.log( "是否全屏："+(plus.navigator.isFullscreen()?"是":"否") );
}

hbuilderx设置状态栏相关推荐

iOS 设置状态栏样式
iOS设置状态栏样式可以使用两种方式. 方式一: 直接在需要改变默认状态栏样式的控制器中实现一个方法(其他任何事情都不用做): // 返回状态栏的样式 - (UIStatusBarStyle)pref ...
ios 系统状态栏样式修改_iOS设置状态栏样式，statusBarStyle
1.在不同的应用中,有关状态栏的样式是不定的,系统的默认样式是黑色的,然而有一些应用是需要白色的,所以就需要进行相关的设置,设置状态栏的样式有2种方式,下面分别讲述一下. 2.方法一: 直接在需要改变 ...
设置状态栏和标题栏的样式
设置状态栏和标题栏的样式 Android setSystemUiVisibility(visible)方法详解这个方法可以详细的设置各种标题栏的状态栏的样式.visible的值来决定 1.SYSTE ...
Android设置状态栏为白底黑字
在开发过程中可能会有将状态栏设置成白底黑字的样式,但是Android系统只有在4.4之上才可以修改状态栏颜色,想要设置状态栏为黑字,只有在Android6.0以上系统或者小米的MIUI V6以上版本或 ...
设置状态栏颜色、沉浸式状态栏
导入依赖: implementation 'com.gyf.immersionbar:immersionbar:3.0.0' gradle.properties加入如下配置,不然可能编译报错: and ...
getWindow().getDecorView().setSystemUiVisibility(...)设置状态栏属性
目录标题一.前言二.查阅相关资料学习总结一.前言在之前写过的文章中,有写过状态栏设置相关的博客. 在本次项目中,又遇到了getWindow().getDecorView().setSystem ...
iOS7设置状态栏颜色
iOS7设置状态栏是透明的了,而视图控制器View Controller又是full Screen,因此当你用TableView时可以将整个TableView覆盖在view上面,然后将view的背景设 ...
android实现系统状态栏的隐藏方法,Android隐藏系统状态栏（沉浸式状态栏）和设置状态栏颜色...
Android 5.0(API 21)之后就可以对系统状态栏进行设置了,这里我不是想深入讨论对系统状态栏的一些高级设置,因为一般也用不到,我只想说最常见的两种场景隐藏系统状态栏,这就是感觉很牛逼的沉 ...
Android设置状态栏字体深色,Android实现修改状态栏背景、字体和图标颜色的方法...
搜索热词前言: Android开发,对于状态栏的修改,实在是不友好,没什么api可以用,不像ios那么方便.但是ui又喜欢只搞ios一套.没办法.各种翻源码,写反射.真的蛋疼. 需求场景: 当too ...

hbuilderx设置状态栏

hbuilderx设置状态栏相关推荐

最新文章

热门文章