HBuilder修改statusbar样式

在HBuilder项目中如何修改状态栏样式

如果你初次接触HBuilder会遇到修改状态栏颜色的问题,那么这篇文章就可能帮到你,那么不BB,上车吧~

  • 设置背景图片

body{
background-image: url(img/background.png);
background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}

  • 修改mainfest.json中的配置信息

    1. 进入代码视图
    2. 找到plus->distrbute->apple
    3. 添加字段 "UIReserveStatusbarOffset":false,
      "UIStatusBarStyle":"UIStatusBarStyleBlackOpaque",
      两个字段是设置状态栏为沉浸式,设置字体颜色为白色
      因为基座调试时不会识别这里面的内容,因此你的设置在调试时不生效,必须要到云端打包安装到真机上上才能看到效果,具体参见这里
  • 云端打包,具体请参见大神uikoo9的博客,另外补充一下,打包好的ipa文件通过itunes安装到手机,就可以查看效果了

如果想知道怎么配置开发用的证书以及PP文件,请到看我的其他文章。码字不易点个赞呗 “ <( ̄3 ̄)>

你可能感兴趣的:(StatusBar,hbuilder)