4

phonegap アプリにパックされた (単純な) Web ページがあります。アプリを起動すると、横向きのページ幅で縦方向にページが表示されます。したがって、テキストは左下から左上に始まります。右側には、ページが終了する場所にギャップがあります。

これは私が見るものです：

ここに画像の説明を入力

サポートされている方向は、 my の左右の横向き...-Info.plistです。

<key>UISupportedInterfaceOrientations</key>
<array>
    <string>UIInterfaceOrientationLandscapeLeft</string>
    <string>UIInterfaceOrientationLandscapeRight</string>
</array>
<key>UISupportedInterfaceOrientations~ipad</key>
<array>
    <string>UIInterfaceOrientationLandscapeRight</string>
    <string>UIInterfaceOrientationLandscapeLeft</string>
</array>

私のiPadでは、画面の回転をロックしました。起動イメージが横向きで正しく表示されます。

このページは、固定サイズの横向きに収まるように設計されています。これは私のビューポートです:

<meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />

ページは横向きの正しい幅ですが、向きが変わっています。上下にスクロールできます。アプリの起動後、iPad のステータス バーが上から左にジャンプします。

アップデート

ターゲット デバイスを iPad のみに変更し、向きを横向きに許可したのは、ステータス バーが必要な場所の上部にあるときだけです。ページはまだめくられています... また、機能しなかったものを回転させる単純なページバージョンを作成しようとしました。

更新 2

Classes/MainViewController.m私は持っています：

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    return (interfaceOrientation == UIInterfaceOrientationPortrait);
}
4

3 に答える 3

4

ルートコントローラーを確認できます-shouldAutorotateToInterfaceOrientation、特定の方向の回転を許可します。それが役に立てば幸い。

たとえばreturn true、Classes/MainViewController.m次のようになります。

- (BOOL)shouldAutorotateToInterfaceOrientation:(UIInterfaceOrientation)interfaceOrientation
{
    // Return YES for supported orientations
    //return (interfaceOrientation == UIInterfaceOrientationPortrait);
    return true;
}
于 2012-06-13T07:39:07.940 に答える
2

Tomの質問への回答に続いて、古いバージョンの XCode と iOS でアプリを再構築する人のための解決策を共有したいと思いました。以前のバージョンは覚えていませんが、現在は iOS 6.1 の Base SDK を使用して XCode 4.6.1 を使用しています。以前は iOS 5.x の Base SDK を使用していたと思います。

次の行に置き換えました。

[self.window addSubview:self.viewController.view];

...以下の行で、方向が修正されます。

self.window.rootViewController = self.viewController;
于 2013-03-22T16:39:48.217 に答える
-1

メタタグを使ってみる

<meta name="viewport" content="width=720,maximum-scale=1.0" />

詳細については、このページをお読みください

于 2012-06-12T12:32:45.383 に答える