DCloud_App_Array
DCloud_App_Array
  • 发布:2014-07-25 19:52
  • 更新:2024-08-01 14:51
  • 阅读:225652

设置应用全屏显示

分类:HTML5+

首先全屏并非状态栏透明或变色,而是没有状态栏,也就是看不见电量、信号那条了。
全屏常见于横屏游戏,一般场景应该使用状态栏变色或状态栏透明。
状态栏透明、变色及消失的区别,参考文章http://ask.dcloud.net.cn/article/1150

如果想要全屏模式,在应用的manifest.json文件中添加“fullscreen”节点:
Boolea值类型,true表示全屏,false表示非全屏,默认值为false。

App云端打包支持全屏操作方式:
双击应用的manifest.json文件,切换到“代码视图”,在根节点下添加fullscreen节点:**

Ctrl+S保存,并提交App云端打包

在应用中可调用5+ API动态改变应用是否全屏显示的状态

function fullscreen(){  
        // 设置应用全屏显示!  
        plus.navigator.setFullscreen(true);  
}  
function unfullscreen(){  
        // 设置应用非全屏显示!  
        plus.navigator.setFullscreen(false);  
}  
function isfullscreen(){  
        // 查询应用当前是否全屏显示!  
        console.log( "是否全屏:"+(plus.navigator.isFullscreen()?"是":"否") );  
}
9 关注 分享
龙七 蔡繁荣 飞翔32993 王兵 雪之梦技术驿站 Masot b***@icloud.com 一抱一个胖猪猪 ___K

要回复文章请先登录注册

1***@qq.com

1***@qq.com

回复 2***@qq.com :
以为闹玩呢,一试还真管事
2020-10-13 21:32
Liew

Liew

回复 Liew :
描述在问题发生在真机上,H5查看一切没问题
2020-05-07 10:16
Liew

Liew

回复 DCloud_App_Array :
唉,我的整页面是个webview 加载的第三方URL。我在webview页面加入自定义导航栏,通过currentWebview.setStyle({top:44px}),看到的是跳转到webview页面的来源页面(上一个页面),上个页面在webview 的下一层。反倒看不到自定义导航栏,原生导航没问题。使用的V3编译,不知道咋解决了
2020-05-07 10:15
DCloud_App_Array

DCloud_App_Array (作者)

回复 Liew :
不支持动态隐藏顶部原生导航栏,但可以不使用原生导航栏,使用H5自定义导航栏,然后代码中控制动态隐藏自定义导航栏
2020-05-06 20:08
Liew

Liew

android 的顶部导航栏(标题栏)如何动态隐藏?
2020-05-06 18:34
落魄前端

落魄前端

。。。。
2020-04-09 15:35
落魄前端

落魄前端

导航条怎么编辑的? 能加图片?
2020-04-09 15:35
m***@sadais.com

m***@sadais.com

设置了,但是底部导航栏没有隐藏,请问还需要怎么设置
2019-12-03 16:29
2***@qq.com

2***@qq.com

回复 倒影 :
把项目里的sitemap.json删除,全屏问题就解决了
2019-11-07 16:09
s***@163.com

s***@163.com

设置了,但是底部导航栏没有隐藏,请问还需要怎么设置
2019-10-19 15:44