你的位置:首页 > 操作系统

[操作系统]wap2app 设置APP系统状态栏

wap2app设置选项卡后,系统的状态栏不见了 - DCloud问答

wap2app设置选项卡后,系统的状态栏不见了 - 我设置完选项卡后,系统的状态栏就浮在我网站上面的了!\n这是什么原因啊?求大神指教!

wap2app 设置APP系统状态栏 - wangxiaoling315 - 博客园

wap2app 设置APP系统状态栏 准备工具:HBuilder一、全屏设置,不显示系统状态栏这里所说的系统状态栏就是包括了:信号、运营商、电量等信息手机屏幕最顶...

wap2app 状态栏重叠问题 - DCloud问答

wap2app 状态栏重叠问题 - 启动的时候 头部的状态栏目重叠但如果弹出输入法的时候 就会正常的 再返回其他页面都是正常的在哪设置这个地方呢quot;globalquot;: ...

wap2app状态栏无法隐藏 - DCloud问答

wap2app状态栏无法隐藏 - 测试过无法将导航条(标题栏)隐藏,仅有刚加载的第一个页面可以成功隐藏其他都会出现请问有没有其他方法?{ quot;globalquot;: { quot;webvi...

wap2app双标题,如何禁用原生标题栏 - CSDN博客

首先说明,官方建议隐藏HTML的头header,而不是隐藏wap2app的原生头。 因为wap2app...{ quot;titleNViewquot;: false, //禁用原生标题栏 quot;statusbarquot;: { //系统...

HBuilder中wap2app(将移动站点转换为移动应用) - 孙小倩 - 博客园

1)webviewParameter :webview通用配置,比如通用原生标题栏等 2)easyConfig:为提升用户体验而提供的简化设置。比如后退处理 等 注意:wap2app中每个页面...

wap2app - 安卓篇 - 简书

现在线上有一个现成的wap网站,想把它变成app该怎么弄呢? Hbuilder有现成的打包工具,但是是云打包,1你不清楚它给你往里面塞了什么东西,2我想改个图标改...

wap2app时如何隐藏原生状态栏。 - DCloud问答

wap2app 如何可以直接通过什么方式一次性隐藏原生状态栏。最好能详细的解答一下...在sitemap.json中设置: quot;globalquot;: { quot;webviewParameterquot;: { quot;titleN...

如何操作wap2app 底部选项卡 css样式 - DCloud问答

wap2app 文档只给出了操作选项卡文字颜色样式,我怎么能知道他这个选项卡其他...滑动触发操作菜单如何更改样式? 底部导航栏 上边框怎么去掉?找不到样...

titleNView配置 - wap2app教程 - DCloud问答

wap2app默认会以新窗体的方式打开每个要展现的url,每个新窗体默认都带有原生的导航...怎么设置手机状态栏的颜色呀? 0赞 2018-04-10 23:42 7@qq. ...

wap2app - 将M站快速转换成App的开发框架 - DCloud

wap页可用API比原生App少,很多和系统设备相关的功能无法实现;wap2app底层基于HTML5 PLUS引擎,可以调用几十万原生API,实现更强的推送、分享、支付、定位等系统能力,...

wap2app是什么东西官方更新的火热

wap2app是什么东西官方更新的火热,没有教程都看不...H5+ 沉浸式状态栏详解 H5+ APP 地图开发 vue...

如何一套代码同时发布成快应用和小程序,WAP,APP

相对于WAP,快应用可以调用更多的系统底层,体验上更类似于APP 对于用户...未来DCloud的重点演进方向在UniApp和wap2app。 也就是如果你有一个wap站...

Hello wap2app

wap2app 是一个免费的前端框架,可以将H5网站快速转换成原生般体验的App。这是一个示例网站,用于演示wap2app的各项能力。当前页面经过wap2app方案增强后,可以实现...

基于hbuilder的wap2app-APP开发-猪八戒网

基于hbuilder的wap2app¥300查看更多类似项目报价 客户黑**7发布了该项目,并找到了满意的方案项目需求详情: 基于hbuilder的wap2app,写蓝牙热敏打印机打印功能。 ...

wap2app - DCloud问答

app.js - wap2app教程 app.js wap2app DCloud_MUI_CHB 发表了文章 •...iphoneX沉浸式状态栏,顶部适配的问题 沉浸式状态栏 iphonex 贡献: 逗逗水 ...

无线路由器最安全模式WAP2设置演示

[]时长nbsp;00:47

无线路由器最安全模式WAP2设置演示打开搜狐视频APP 3倍流畅不卡顿 电脑教学 811人和你一起在看 剧集 视频介绍 评论(0) 1-30 31-60 61-90 91-120 121-150...

my.tv.sohu./us/646224...nbsp;nbsp;-nbsp;百度快照

如何一次开发生成android,ios(可无开发者账号),Html5 web app

(微信、支付宝)社交分享App优化技巧沉浸式状态栏代码混淆加密5+SDK 集成5+SDK ...wap2app概述sitemap.json概述matchUrls配置webviewParameter配置webv...

如何评价DCould最新发布的wap2app产品? - 知乎

调用推送、分享、扫码、支付等各种原生能力,App有的系统能力,wap2app基本都可以...如果封装好的app作为开发者的我自己都看不下去,挂到官网让用户下载,...

网站直接打包成APP教程_网站封装APP_网址生成APP(HBuilder软件...

2)应用名称填写你的APP名称,wap站首页地址栏填写...的选项,这里点击“参数配置”可以设置APP的图标,启动...电脑版大师亲测 开运商城 免费算命 登陆网...广州星光大道海选活动地点?广州星光大道海选什么时候开始?星光大道广州区海选活动地点?星光大道海选在广州华南植物园吗?2017年广东街坊文化节开幕式什么时候?广州街坊文化节举办地点在哪里?华南植物园街坊欢乐节什么时候?广州华南植物园街坊欢乐节时间?华南植物园中秋游园会活动时间?广州华南植物园中秋游园会有什么好玩的?广州街坊文化节在哪里开幕?广东街坊文化节来华南植物园吗?北京出发去俄罗斯旅游 北京出发去俄罗斯旅游 北京出发去俄罗斯旅游 北京出发去俄罗斯旅游 北京出发去俄罗斯旅游 北京出发去俄罗斯旅游 北京出发去厄瓜多尔旅游 北京出发去厄瓜多尔旅游 北京出发去厄瓜多尔旅游 北京出发去厄瓜多尔旅游 北京出发去厄瓜多尔旅游 北京出发去厄瓜多尔旅游 北京出发去厄立特里亚旅游 北京出发去厄立特里亚旅游 北京出发去厄立特里亚旅游 北京出发去厄立特里亚旅游 北京出发去厄立特里亚旅游 北京出发去厄立特里亚旅游 北京出发去法国旅游 北京出发去法国旅游 北京出发去法国旅游 北京出发去法国旅游 北京出发去法国旅游 北京出发去法国旅游

准备

工具:HBuilder

一、全屏设置,不显示系统状态栏

这里所说的系统状态栏就是包括了:信号、运营商、电量等信息手机屏幕最顶部信息。

全屏并非状态栏透明或变色,而是没有状态栏,也就是看不见电量、信号那条了,部分项目需要这样的场景。

全屏设置方法:

  新建一个wap2app项目并完成各项配置后,打开 manifest.json --> 基础配置 ,找到如下图选择框

勾选此选项,真机运行后在手机上显示如下图:

标题之上没有显示状态栏。

二、显示系统状态栏,并自定义系统状态栏的背景色和字体颜色

  首先,同“全局设置的方法”,打开 manifest.json --> 基础配置并去掉 “应用是否全局显示”的勾选,此时在真机上运行,发现标题栏和系统状态栏重叠了,如下图:

翻阅资料之后,发现,打开 manifest.json -> 源码视图,找到 statusbar;将 immersed的值改为 false 或者none,在真机上调试,结果如下图:

发现系统状态栏和标题栏不再重叠了,但是又出现新的问题,系统状态栏背景色变成了灰色,与标题颜色不符合。

接着,打开文件client_index.html,在html中添加代码:

<script type="text/javascript">   if(window.plus){  plusReady() }else{  document.addEventListener('plusready',plusReady,false) } function plusReady(){  plus.navigator.setStatusBarBackground('#FFFFFF');  plus.navigator.setStatusBarStyle('dark'); }</script>

保存之后,在真机上调试运行,结果如下:

这样就解决了所有问题。

设置系统状态栏的字体颜色:

plus.navigator.setStatusBarStyle('dark');

 在sitemap.json文件中也可以修改statusbar(系统状态栏)的值,但是在修改了 statusbar的immersed的值改为 false 或者none之后,这里修改的值就没有效果了,需要js动态修改其值。

statusbar的style(字体)的值只有 dark 和 light两种。

设置系统状态栏的背景色:

plus.navigator.setStatusBarBackground('#FFFFFF');