美文网首页
Hbuilder 修改状态栏的颜色

Hbuilder 修改状态栏的颜色

作者: 乡水情缘 | 来源:发表于2017-03-27 08:45 被阅读6320次

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

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

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

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

<activity
      android:name="io.dcloud.PandoraEntry"
               android:configChanges="orientation|keyboardHidden|screenSize"
       android:label="@string/app_name"
       android:launchMode="singleTask"
       android:screenOrientation="sensor"
       android:windowSoftInputMode="adjustResize"
       android:theme="主Activity的皮肤"
       android:exported="true">
       <intent-filter>
           <action android:name="android.intent.action.MAIN"/>
           <category android:name="android.intent.category.LAUNCHER"/>
       </intent-filter>
   </activity>

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

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

20160106222826931.jpeg

相关文章

网友评论

      本文标题:Hbuilder 修改状态栏的颜色

      本文链接:https://www.haomeiwen.com/subject/ecvlottx.html