在Jquery Mobile或PhoneGap中禁用自动旋转

时间:2011-05-19 00:02:49

标签: jquery iphone mobile cordova mobile-website

虽然移动设备的跨平台开发非常好。没有简单的选项可以禁用自动旋转或锁定到一个方向,即纵向或横向。

无论如何,Jquery Mobile,PhoneGap,XUI在哪里?

如果是,那么请帮忙。它让我疯狂。

4 个答案:

答案 0 :(得分:15)

完成上述答案。

在iPhone上将此添加到-info.plist:

<dict>
`.....
    <array>
        <string>UIInterfaceOrientationPortrait</string>
        <string>UIInterfaceOrientationPortraitUpsideDown</string>
    </array>
..........
</dict>

在Android上安装到AndroidManifest.xml

<activity   ........      android:screenOrientation="portrait">

答案 1 :(得分:5)

对于iOS,请编辑PhoneGap.plist文件(例如在Xcode中)。确保仅设置了纵向并取消选中自动旋转。

在Android上,您需要修改AndroidManifest.xml。在活动中添加android:screenOrientation="portrait"

答案 2 :(得分:1)

Cordova允许您在config.xml中设置它

只需在<widget></widget>代码中添加此行:

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

您也可以使用上面的landscape产生相反的效果。

Source: Apache Cordova DOcumentation - The config.xml File

答案 3 :(得分:0)

PhoneGap 上,您现在可以在config.xml文件中指定应用程序范围方向(请注意,您将不会收到任何orientationchange事件已经发生了,所以如果您只想在某些页面上启用/禁用自动旋转,这不是正确的解决方案。

<preference name="orientation" value="portait" />