2

我正在使用 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 来检查构建时，它不起作用。它总是在两种模式下旋转。有什么建议么？

4

4 回答 4

6

如果您使用的是 Cordova/PhoneGap，您需要在 app 文件夹或 www 文件夹中的 config.xml 文件中将 Orientation 更改为“portrait”（通常是“default”）。<preference name="Orientation" value="portrait" />

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

于 2014-08-13T09:56:49.170 回答
3

将此添加到您的 config.xml：

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

这适用于所有设备。

于 2014-08-13T11:12:58.270 回答
1

好吧，我问了几乎相同的问题并尝试了我能找到的一切，甚至是这个问题的答案，但它对我不起作用，但我找到了一种方法：

我最终使用了这个（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>

...您可以根据需要将横向更改为纵向。

于 2014-12-09T12:23:57.420 回答
0

this style works!

    <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>
于 2014-09-15T15:18:46.853 回答