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

设置应用全屏显示

分类: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

要回复文章请先登录注册

z***@gmail.com

z***@gmail.com

回复 6***@qq.com :
直接在GUI界面设置, 我直接写代码到根设置也是没用的。 或者直接js代码设置plus.navigator.setFullscreen(true);
2019-04-19 08:36
270315475

270315475

mark
2019-01-13 08:31
DCloud_App_Array

DCloud_App_Array (作者)

回复 6***@qq.com :
需要提交云端打包后才生效
2019-01-12 15:23
6***@qq.com

6***@qq.com

设置了全屏,但是不管用。。。
2019-01-02 21:03
梓蜀微术

梓蜀微术

回复 z***@163.com :
上面那个截图是加载配置文件manifest.json里面的 下面的代码是哪里调用就写在那里的
2018-08-24 11:47
z***@163.com

z***@163.com

这代码加哪里的。。。
2018-08-17 11:48
DCloud_App_Array

DCloud_App_Array (作者)

回复 lightsmoon :
splash页面是全屏的,这个无法配置。
2018-07-26 17:36
lightsmoon

lightsmoon

设置了软件不全屏,但启动页面还是会全屏,请问有知道怎么设置启动页面不全屏的吗?
2018-07-25 20:08
z***@126.com

z***@126.com

请问安卓离线打包怎么设置显示状态栏
2018-04-23 17:12
简符

简符

设置了全屏,安卓的正常,iOS的虽然全屏了,但电量、信号还是显示在App顶部。
2018-04-08 20:51