在Android應用程序/ Cordova 3.5中設置屏幕方向
[英]Set Screen Orientation in Android app / Cordova 3.5
問題描述
有誰知道如何在使用Intel XDK創建的android應用上將屏幕方向鎖定為縱向？
我放棄了，在嘗試了最后3次之后，我將發布整個html文檔，也許您可以弄清楚我在做什么錯：
的index.html
<!DOCTYPE html>
<html>
<head>
<title>Title</title>
<meta http-equiv="Content-type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
<script src="cordova.js"></script>
<script src="xhr.js"></script>
<script src="js/app.js"></script>
<script src="js/init-app.js"></script>
<script src="xdk/init-dev.js"></script>
<script src="intelxdk.js"></script>
<script>
document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
function onDeviceReady(){
intel.xdk.device.setRotateOrientation('portrait');
intel.xdk.device.hideSplashScreen();
}
</script>
<style>
@-ms-viewport { width: 100vw ; zoom: 100% ; }
@viewport { width: 100vw ; zoom: 100% ; }
@-ms-viewport { user-zoom: fixed ; }
@viewport { user-zoom: fixed ; }
</style>
<link rel="stylesheet" href="css/app.css">
</head>
<body>
<h1 class="align-center">Testing orientation lock</h1>
<p class="align-center">
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec malesuada risus libero, nec consectetur nunc vestibulum quis. Nam rhoncus ullamcorper dui, vitae imperdiet augue vulputate non. In non sodales dolor. Maecenas sagittis, erat a consequat sollicitudin, enim metus feugiat sem, vel varius mauris eros vitae sapien. Vestibulum sollicitudin arcu eleifend augue feugiat sagittis a non arcu. Duis tempus laoreet faucibus. Morbi fermentum placerat lacus et consectetur. Aenean convallis diam in congue convallis. Ut at ullamcorper mauris. Fusce suscipit tincidunt lacus, et volutpat arcu bibendum eu. In vehicula mi lorem, eget vestibulum orci cursus ac. Etiam vitae quam ut ipsum accumsan viverra. Proin commodo augue diam, tincidunt pretium purus interdum et. Suspendisse tristique vehicula tempus. Praesent ultrices nibh et tortor venenatis, at laoreet augue sodales.
</p>
</body>
</html>
我已經嘗試將以下內容添加到我的head標簽中，但它不起作用...：
<script type="text/javascript" language="javascript">
function onDeviceReady() {
AppMobi.device.hideSplashScreen();
//lock orientation
AppMobi.device.setRotateOrientation("portrait");
AppMobi.device.setAutoRotate(false);
};
document.addEventListener("appMobi.device.ready",onDeviceReady,false);
function openNewWindow(url){
AppMobi.device.showRemoteSiteExt(url);
};
</script>
UPDATE
我還嘗試在intelxdk.config.additions.xml添加以下intelxdk.config.additions.xml ：
<preference name="Orientation" value="portrait" />
..那沒有用...
更新2
我也嘗試過：
<script src="intelxdk.js"></script>
<script>
document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);
function onDeviceReady(){
// set orientation
intel.xdk.device.setRotateOrientation('portrait');
intel.xdk.device.hideSplashScreen();
}
</script>
2 個解決方案
解決方案1
1 2014-12-08 18:30:39
嗯，請按照下列步驟操作：
加
android:screenOrientation="portrait"
到您的AndroidManifest.xml。
它應該最終看起來像這樣：
<activity android:screenOrientation="portrait" android:configChanges="orientation|keyboardHidden|keyboard|screenSize|locale" android:label="@string/app_name" android:name="inappbrowser" android:theme="@android:style/Theme.Black.NoTitleBar">
<intent-filter>
<action android:name="android.intent.action.MAIN" />
<category android:name="android.intent.category.LAUNCHER" />
</intent-filter>
</activity>
否則總會有這個插件。
解決方案2
0 已采納 2014-12-09 12:16:32
在嘗試了所有我能找到和想到的東西之后，我最終使用了這個 （GitHub鏈接）插件。
該插件稱為cordova-yoik-screenorientation ，您需要做的是：
下載GitHub檔案。
將plugin.xml和src文件夾復制到您的根文件。
將screenorientation.android.js ， screenorientation.bb10.js ， screenorientation.ios.js和screenorientation.js復制到您的www文件夾中。
將以下內容添加到index.html頭中 ：
<script>
screen.lockOrientation('landscape');
</script>
...如果需要，您可以將橫向更改為縱向 。
在Android中設定螢幕方向
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.