Hbuilder 修改状态栏的颜色

最近在看HBuilder文档时针对顶部状态栏如何隐藏/显示及如何设定颜色的一些常用方法

第一中方法: mui.init()方法是用来初始化内容页面,在这里可以直接设置状态栏的颜色
mui.init({
        statusBarBackground:"#FF0000"
    });
第二种方法: 在plusready中增加事件的方式来实现:
document.addEventListener('plusready',function(){
        plus.navigator.setStatusBarBackground("#FF0000");
  },false);

Android平台暂时不支持自定义系统状态栏样式

但可以通过离线打包在AndroidManifest.xml中配置主Activity的皮肤(Android:theme)来设置:


       
           
           
       
   

设置状态栏隐藏/显示的方法

双击应用的manifest.json文件,切换到“代码视图”,在apple节点下添加UIStatusBarStyle节点:

Hbuilder 修改状态栏的颜色_第1张图片
20160106222826931.jpeg

你可能感兴趣的:(Hbuilder 修改状态栏的颜色)