mirror of
https://github.com/apache/cordova-plugin-screen-orientation.git
synced 2025-05-05 01:32:59 +08:00
Readme and plugin.xml update
This commit is contained in:
parent
1e4a7b18c4
commit
82394e15e7
81
README.md
81
README.md
@ -1,20 +1,62 @@
|
|||||||
#cordova-yoik-screenorientation
|
#cordova-yoik-screenorientation
|
||||||
|
|
||||||
Cordova plugin to set/lock the screen orientation in a common way for both iOS and Android.
|
Cordova plugin to set/lock the screen orientation in a common way for both iOS and Android. From version 1.0.0 the
|
||||||
|
interface is based on the [Screen Orientation API](http://www.w3.org/TR/screen-orientation/).
|
||||||
|
|
||||||
##Install
|
##Install
|
||||||
|
|
||||||
cordova plugin add https://github.com/yoik/cordova-yoik-screenorientation
|
cordova plugin add net.yoik.cordova.plugins.screenorientation
|
||||||
|
|
||||||
###Android
|
###Source
|
||||||
|
https://github.com/yoik/cordova-yoik-screenorientation
|
||||||
|
|
||||||
The android version is implemented via the standard _activity.setRequestedOrientation_ as used in other screen orientation plugins
|
|
||||||
|
|
||||||
###iOS
|
##Orientations
|
||||||
|
|
||||||
|
__portrait-primary__
|
||||||
|
The orientation is in the primary portrait mode.
|
||||||
|
|
||||||
|
__portrait-secondary__
|
||||||
|
The orientation is in the secondary portrait mode.
|
||||||
|
|
||||||
|
__landscape-primary__
|
||||||
|
The orientation is in the primary landscape mode.
|
||||||
|
|
||||||
|
__landscape-secondary__
|
||||||
|
The orientation is in the secondary landscape mode.
|
||||||
|
|
||||||
|
##Usage
|
||||||
|
|
||||||
|
screen.lockOrientation('landscape');
|
||||||
|
|
||||||
|
screen.unlockOrientation();
|
||||||
|
|
||||||
|
##Events
|
||||||
|
|
||||||
|
Both android and iOS will fire the orientationchange event on the window object.
|
||||||
|
For this version of the plugin use the window object if you require notification.
|
||||||
|
|
||||||
|
i.e.
|
||||||
|
|
||||||
|
function init() {
|
||||||
|
window.addEventListener("orientationchange", orientationChange, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
function orientationChange(e) {
|
||||||
|
var orientation="portrait";
|
||||||
|
if(window.orientation == -90 || window.orientation == 90) orientation = "landscape";
|
||||||
|
document.getElementById("status").innerHTML+=orientation+"<br>";
|
||||||
|
}
|
||||||
|
|
||||||
|
For this plugin to follow the API events should be fired on the screen object.
|
||||||
|
iOS does not currently support events on the _screen_ object so custom event
|
||||||
|
handling will need to be added (Suggestions welcome!).
|
||||||
|
|
||||||
|
##iOS Notes
|
||||||
|
|
||||||
The iOS version is a combination of the cordova JS callback _window.shouldRotateToOrientation_ and the workaround to recheck the orientation as implemented in https://github.com/Adlotto/cordova-plugin-recheck-screen-orientation.
|
The iOS version is a combination of the cordova JS callback _window.shouldRotateToOrientation_ and the workaround to recheck the orientation as implemented in https://github.com/Adlotto/cordova-plugin-recheck-screen-orientation.
|
||||||
|
|
||||||
If you have a custom impelemntation of the _window.shouldRotateToOrientation_ it will have to be removed for the plugin to function as expected.
|
__If you have a custom implementation of the _window.shouldRotateToOrientation_ it will have to be removed for the plugin to function as expected.__
|
||||||
|
|
||||||
####iOS6
|
####iOS6
|
||||||
|
|
||||||
@ -24,30 +66,5 @@ Issue [#1](https://github.com/yoik/cordova-yoik-screenorientation/issues/1) @dok
|
|||||||
|
|
||||||
>It seems to be related to having width=device-width, height=device-height in the meta viewport (which is part of the boilerplate phonegap/cordova app). It can be solved by updating the viewport with width=device-height, height=device-width or simply removing width and height altogether.
|
>It seems to be related to having width=device-width, height=device-height in the meta viewport (which is part of the boilerplate phonegap/cordova app). It can be solved by updating the viewport with width=device-height, height=device-width or simply removing width and height altogether.
|
||||||
|
|
||||||
Constants
|
|
||||||
====
|
|
||||||
Orientation: {
|
|
||||||
UNSPECIFIED: "unspecified",
|
|
||||||
LANDSCAPE: "landscape",
|
|
||||||
PORTRAIT: "portrait",
|
|
||||||
USER: "user",
|
|
||||||
BEHIND: "behind",
|
|
||||||
SENSOR: "sensor",
|
|
||||||
NOSENSOR: "nosensor",
|
|
||||||
SENSOR_LANDSCAPE: "sensorLandscape",
|
|
||||||
SENSOR_PORTRAIT: "sensorPortrait",
|
|
||||||
REVERSE_LANDSCAPE: "reverseLandscape",
|
|
||||||
REVERSE_PORTRAIT: "reversePortrait",
|
|
||||||
FULL_SENSOR: "fullSensor"
|
|
||||||
}
|
|
||||||
|
|
||||||
Usage
|
Pull requests welcome.
|
||||||
====
|
|
||||||
|
|
||||||
var so = cordova.plugins.screenorientation;
|
|
||||||
|
|
||||||
// with callbacks
|
|
||||||
so.setOrientation(successCallback, errorCallback, so.Orientation.PORTRAIT);
|
|
||||||
|
|
||||||
// no callbacks
|
|
||||||
so.setOrientation(so.Orientation.SENSOR_LANDSCAPE);
|
|
||||||
|
@ -2,7 +2,7 @@
|
|||||||
<plugin xmlns="http://www.phonegap.com/ns/plugins/1.0"
|
<plugin xmlns="http://www.phonegap.com/ns/plugins/1.0"
|
||||||
xmlns:android="http://schemas.android.com/apk/res/android"
|
xmlns:android="http://schemas.android.com/apk/res/android"
|
||||||
id="net.yoik.cordova.plugins.screenorientation"
|
id="net.yoik.cordova.plugins.screenorientation"
|
||||||
version="0.0.3">
|
version="1.0.0">
|
||||||
|
|
||||||
<name>YoikScreenOrientation</name>
|
<name>YoikScreenOrientation</name>
|
||||||
<description>Yoik Screen Orientation Plugin</description>
|
<description>Yoik Screen Orientation Plugin</description>
|
||||||
|
Loading…
x
Reference in New Issue
Block a user