hbuilderx设置新建jsx后缀名_hbuilderx设置状态栏

一、 前言

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

二、状态栏状态类型

默认

变色(设置颜色)

透明(沉浸式，无高度)

消失(全屏)

三、状态栏变色

1.效果如图：

在这里插入图片描述

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

3.设置标题栏背景颜色

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

注意事项：

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

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

四、状态栏透明(沉浸式)

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

html,body{height: 100%;width: 100%;}

body{

background:url(image/background.png)no-repeat;

background-size:100% 100%;

filter:progid:DXImageTransform.Microsoft.AlphaImag