apicloud首页设置（APICloud中设置横屏及全屏应用）

威哥 2023-10-19 02:05:07 90

apicloud首页设置（APICloud中设置横屏及全屏应用）fullScreen: trueapi.setFullScreen({api.setScreenOrientation({ orientation: 'landscape_left'});

一直以来都是用APICloud IDE开发竖屏版的WebAPP，今天偶然想起来怎么实现横屏呢，经查阅文档，发现如下方法可行：

1、云端设置

登录APICloud官网，选择指定的APP，然后在“端设置”里进行配置，如下图：

apicloud首页设置（APICloud中设置横屏及全屏应用）(1)

2、页面代码设置

api.setScreenOrientation({

orientation: 'landscape_left'

});

api.setFullScreen({

fullScreen: true

});

apicloud首页设置（APICloud中设置横屏及全屏应用）(2)

3、宽度、高度尺寸调整

api.openFrame({

name: 'main'

url: 'html/main.html'

bounces: true

rect: {

x: 0

y: 0

w: api.winHeight //把高度设为宽度、宽度设为高度

h: api.winWidth

}

});

如上，即可以实现WebAPP的横屏和全屏，是不是很简单，直接放到apiready = function(){}里吧。