本文讲解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));
	});
};