screenOrientation插件
优质
小牛编辑
126浏览
2023-12-01
本文讲解cordova-plugin-screen-orientation插件以及如何在Wex5中使用该插件。
1.插件概述
屏幕方向插件,该插件控制程序的显示方式为横屏/竖屏,要注意的是该插件只是控制当前应用显示的方式,并不改变设备的重力感应相关设置。
2.插件使用
首先,我们需要在自己的js文件中引入该插件,即“require(“cordova!cordova-plugin-screen-orientation”);”然后即可在js中调用相关API。
代码如下:
//竖屏模式 Model.prototype.portraitClick = function(event){ cordova.plugins.screenorientation.setOrientation('portrait'); }; //横屏模式 Model.prototype.landscapeClick = function(event){ cordova.plugins.screenorientation.setOrientation('landscape'); }; //屏幕方向解锁 Model.prototype.unlockClick = function(event){ cordova.plugins.screenorientation.setOrientation('unlock'); }; //获取当前屏幕方向 Model.prototype.currentClick = function(event){ setTimeout(function(){ alert("当前屏幕方向: " + JSON.stringify(window.screen.orientation)); }); };