Question

我正在使用Cordova和英特尔应用框架构建移动应用程序。我尝试将方向设置为纵向模式

var onDeviceReady = function () {        
    intel.xdk.device.setRotateOrientation('portrait');
    intel.xdk.device.setAutoRotate(false);
    intel.xdk.device.hideSplashScreen();

};
document.addEventListener("intel.xdk.device.ready", onDeviceReady, false);`

但是当我通过在Android 4.4中安装APK来检查构建时，它不起作用。它始终以两种模式旋转。有什么建议吗？

Answer 1

如果您使用Cordova / PhoneGap，则需要将方向更改为＆＃34; portrait＆＃34; （通常是＆＃34;默认＆＃34;）在app文件夹或www文件夹的config.xml文件中。 <preference name="Orientation" value="portrait" />

PhoneGap开发人员应用程序未反映此更改，因此您可以通过构建应用程序并运行它来进行测试。

Answer 2

将其添加到config.xml：

<preference name="Orientation" value="portrait" />

这适用于所有设备。

Answer 3

好吧，我问了几乎同样的问题并尝试了我能找到的一切，即使是这个问题的答案，但它对我没有用，我找到了办法：

我最终使用了this（GitHub链接）插件。

该插件名为 cordova-yoik-screenorientation ，您需要做的就是：

下载GitHub存档。

将 plugin.xml 和 src 文件夹复制到根文件中。

复制 screenorientation.android.js ， screenorientation.bb10.js ， screenorientation.ios.js 和 screenorientation.js < / strong>到 www 文件夹。

将以下内容添加到 index.html head ：
中
<script> screen.lockOrientation('landscape'); </script>

...如果需要，您可以将风景更改为人像。

Answer 4

这种风格有效！

    <style>
        /* Landscape layout (with min-width) */
        @media screen and (min-aspect-ratio: 1/1) and (min-width:400px) {
            .app {
                background-position:left center;
                padding:75px 0px 75px 170px;  /* padding-top + padding-bottom + text area = image height */
                margin:-90px 0px 0px -198px;  /* offset vertical: half of image height */
                                              /* offset horizontal: half of image width and text area width */
            }
        }
    </style>

设置方向不锁定为纵向

4 个答案:

该插件名为 cordova-yoik-screenorientation ，您需要做的就是：