js怎样修改系统状态栏

  • 时间:2018-07-01 23:31 作者:程序员小新人学习 来源:程序员小新人学习 阅读:226
  • 扫一扫,手机访问
摘要:开发工具:HBuilder 我的版本应该是8.8.7之前的版本1.状态栏新建一个手机端项目之后,在真机运行时,手机的状态栏,会默认把页面向下挤一截距离。如图所示:假如这个时候,想要改变状态栏的颜色,能通过plus.navigator.setStatusBarBackground("#ff0000")

开发工具:HBuilder

我的版本应该是8.8.7之前的版本

1.状态栏

新建一个手机端项目之后,在真机运行时,手机的状态栏,会默认把页面向下挤一截距离。如图所示:

js怎样修改系统状态栏

假如这个时候,想要改变状态栏的颜色,能通过plus.navigator.setStatusBarBackground("#ff0000")来改变,色值格式为#xxxxxx。

2.沉迷式状态栏

能通过plus.navigator.isImmersedStatusbar()来判断当前能否是沉迷式状态栏,假如不是,返回false,反之返回true.

我的代码如下:

//设置状态栏

document.addEventListener('plusready', onPlusReady,false);

function onPlusReady(){

var test = plus.navigator.isImmersedStatusbar();

console.log(test);

};

假如需要设置沉迷式状态栏,需要修改manifest.json文件:搜索“plus”,并修改

js怎样修改系统状态栏

设置后,在页面上设置plus.navigator.setFullscreen(false);

设置完成后,页面充满整个屏幕,状态栏覆盖在页面上。括号内的参数设置成true,页面铺满整个页面并且页面盖住状态栏。

js怎样修改系统状态栏

  • 全部评论(0)
最新发布的资讯信息
【系统环境|服务器应用】树莓派安装TensorFlow(2020-04-24 21:11)
【系统环境|服务器应用】防面试-SD_WebImage(2020-04-24 21:11)
【系统环境|服务器应用】推荐一款视频控件xgplayer(2020-04-24 21:11)
【系统环境|服务器应用】PostgreSQL 源码解读(27)- 查询语句#12(查询优化-上拉子链接#2)(2020-04-24 21:11)
【系统环境|服务器应用】如何轻松学习JavaScript?(2020-04-24 21:10)
【系统环境|服务器应用】【源码剖析】Launcher 8.0 源码 (12) --- Launcher 启动流程 第五步之计算桌面各布局细节参数(2020-04-24 21:10)
【系统环境|服务器应用】前台碰撞室之console.log与文本字符(2020-04-24 21:10)
【系统环境|服务器应用】好用的Middleware实现(2020-04-24 21:10)
【系统环境|服务器应用】前台面试每日 3+1 —— 第373天(2020-04-24 21:10)
【系统环境|服务器应用】绍圣--kafka之生产者(五)(2020-04-24 21:10)
手机二维码手机访问领取大礼包
返回顶部