DCloud_App_Array
DCloud_App_Array
  • 发布:2014-07-25 19:52
  • 更新:2023-01-07 10:58
  • 阅读:220442

设置应用全屏显示

分类: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()?"是":"否") );  
}
8 关注 分享
龙七 蔡繁荣 飞翔32993 王兵 雪之梦技术驿站 Masot b***@icloud.com 一抱一个胖猪猪

要回复文章请先登录注册

evans

evans

回复 蛋蛋_0713 :
请问这个问题解决了吗?
2017-05-08 10:23
wersionlovewz

wersionlovewz

只支持ios?蛋疼
2017-03-18 11:28
蛋蛋_0713

蛋蛋_0713

全屏模式下 安卓系统弹出虚拟键盘挡住输入框,且无法监听onresize事件,请问如何解决?
2016-05-09 15:07
超人爷爷

超人爷爷

回复 gadget2k :
同问~
2016-03-28 15:27
gadget2k

gadget2k

请问这个全屏显示跟那个沉浸式状态栏是一回事吗?
2015-12-10 16:11
来小新

来小新

好东西,正好接了燃眉之急。Android平台
2015-10-10 11:32
天下乐朱

天下乐朱

为什么我的不全屏显示,已经设置过了?
2015-09-18 11:32
Sue1127

Sue1127

程序安装后,第一次启动,不是全屏显示,可是程序退出后,再次进入程序就变成全屏显示了……这是什么原因?
2015-08-14 15:28
DCloud_App_Array

DCloud_App_Array (作者)

回复 BallBird :
http://www.html5plus.org/doc/zh_cn/device.html#plus.screen.lockOrientation
2015-06-08 21:17
BallBird

BallBird

回复 DCloud_App_Array :
请问下plus.screen在api里找不到啊?这个要这哪查?例如:plus.screen.lockOrientation("portrait-primary");
2015-06-08 16:14