【apicloud】APP横竖屏切换

APP开发中会遇到例如视频全屏播放如果不是使用原生模块，则需要通过将屏幕切换为横屏显示才能实现全屏。或者某些APP用户在使用pad体验时提供横竖屏切换体验会更好。

这个时候就需要使用到setScreenOrientation来实现横竖屏切换。

参数：

orientation：

类型：字符串

默认值：无

描述：旋转屏幕到指定方向，或根据重力感应自动旋转；当前为横屏时，若想只在横屏间根据重力切换，则可以传 auto_landscape，竖屏间切换则传 auto_portrait。

取值范围：

• portrait_up                 //竖屏时，屏幕在home键的上面

• portrait_down            //竖屏时，屏幕在home键的下面，部分手机如iPhone X系列不支持

• landscape_left           //横屏时，屏幕在home键的左边

• landscape_right        //横屏时，屏幕在home键的右边

• auto                           //屏幕根据重力感应在横竖屏间自动切换 （需要自动切换横竖屏可以用该值）

• auto_portrait             //屏幕根据重力感应在竖屏间自动切换

• auto_landscape       //屏幕根据重力感应在横屏间自动切换

例子：

api.setScreenOrientation({    orientation: 'landscape_left'});

例如设置了横竖屏自动切换同时页面中应用了UI模块。如果设计到宽度、高度计算需要做监听来处理适应问题。如果页面支持自适应则无需处理。

可以通过orientationchange实现监听横竖屏切换事件

window.addEventListener("orientationchange", function(){ });

本文为翻滚的胖子原创文章,转载无需和我联系,但请注明来自猿教程iskeys.com

• 上一篇： 【apicloud】简述几种APP缓存模式
• 下一篇： 【apicloud】如何实时调试