HBuilder设置APP状态栏

一、 前言

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

　　图例：

　　

 

---

 

 

二、状态栏状态类型

1. 默认
2. 变色（设置颜色）
3. 透明（沉浸式）
4. 消失（全屏）

 

---

 

 

三、状态栏变色

　　1.效果如图：

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

　　3.设置标题栏背景颜色

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

　　示例代码：

1 <link href="css/mui.min.css" rel="stylesheet"/>
2 .mui-bar{ background-color: red;}
3 </link>
4 <script>        
5 mui.plusReady(function(){             
6 plus.navigator.setStatusBarStyle('light');  
7 plus.navigator.setStatusBarBackground('#FF0000');             
8 });    
9 </script>    

View Code