問題タブ [device-orientation]

このコードは、モバイル デバイスの向きが変更されたときにアラートを作成します。iPhone では問題なく動作しますが、Android ではアラートが発生し続け、事実上、ページが実行できなくなります。コードは dom Ready で実行されます。

なぜこれが起こっているのか誰にも分かりますか？このサイトにjQueryを使用して、それを使用するソリューションがある場合。ありがとう

更新 - このコードはまったく同じことを行います:

これは可能ですか？どうすればこれを達成できますか？

デバイスの 4 方向の傾きを検出するために、ロールとピッチの値を取得したいと考えています。getorientation と getrotation マトリックスを使用してそれを行いたいです。どうすればできますか？リンクでも役に立ちます。

モバイルで表示するために最適化されたWebページがあります。

デバイスの幅を検出し、ビューポートの幅をそれに設定するviewportメタタグを利用しています。<meta name = "viewport" content = "width = device-width">これは、私のWebページがばかげてズームアウトされているように見えるのではなく、モバイルブラウザに正しく読み込まれることを意味します。

携帯電話（Samsung Galaxy S2）にポートレートモードでページを読み込むと、見栄えが良く、横向きに回転すると見栄えが良くなりますが、もう一度ポートレートに戻すと、ページがわずかに拡大されます。ズームアウトするか、水平方向にスクロールする必要があります。

私のモバイルブラウザがこれを行うのはなぜですか？どうすればそれを防ぐことができますか？

何が起こっているかを視覚的に確認するには、スクリーンショットを参照してください。

レスポンシブ Web サイトを設計し、Compass Susy でプロトタイプを作成しました。

私が抱えている問題は、iPad と iPhone の Mobile Safari で、サイトを縦向きモードで読み込んでから横向きに回転すると、レイアウト全体がおそらく 30% 右にジャンプすることです (また、ズームをサイズに合わせて拡大します)。 480 ピクセルの横幅)。

いくつか試してみましたが、メタ ビューポート タグを <meta content="width=device-width, initial-scale=1" name="viewport">から <meta content="width=device-width" name="viewport">(初期スケールを削除して) に変更してもジャンプが発生しないことがわかりました。

ただし、そのプロパティがないと、最初の縦向きビューでも、私の携帯電話のレイアウトは小さすぎます。どちらの向きでも、右にガターがあり、左にフラッシュされています。

Susy グリッドの列を拡大しようとしましたが、他のプラットフォームでは明らかにレイアウトが広くなりますが、電話ではまだズームダウンされて、右側のガターが表示されます. したがって、これはある種のビューポートの問題です。

初期スケール セットでは、Android ではフィットし、横向きに回転してもジャンプしませんが、320px のままです (左右に余白があります)。

ここで何をする必要がありますか?

ここで Twitter Bootstrap を使用してレスポンシブ サイトを構築しました: http://zarin.me/cce/

レスポンシブ デザインは iPad と iPhone でうまく機能しますが、デバイスを縦向きから横向きに切り替えると、サイトは画面に適応するのではなく拡大されます (画面をピンチすることは機能します)。

私は何が欠けていますか？これはビューポートの問題ですか？にある唯一のビューポート コードは次のとおりです。

前もって感謝します！

重複の可能性：
iPhoneで起動後に方向を設定する方法

スプラッシュ スクリーンの向きや自動回転前のアプリケーションの向きなど、アプリケーションのデフォルトの向きを設定するにはどうすればよいでしょうか。

デバイスの向きを変更すると、タブとフラグメントを含むアクティビティを再読み込みする際に問題が発生します。

状況は次のとおりです。

アクション バーに 3 つのタブがあるアクティビティがあります。FrameLayout各タブは、メイン ビューに異なるフラグメントをロードします。デバイスの向きを変えなければ、すべて正常に動作します。しかし、そうすると、Android は現在選択されているフラグメントを 2 回初期化しようとし、次のエラーが発生します。

エラーが発生する一連の手順は次のとおりです。

1. アクティビティをロードし、タブ番号 2 を選択して、デバイスの向きを変更します。
2. Android は、アクティビティと、タブ番号 2 によって読み込まれたフラグメントのインスタンス (以降、「フラグメント 2」) を破棄します。次に、アクティビティとフラグメントの新しいインスタンスの作成に進みます。
3. 内部Activity.onCreate()では、最初のタブをアクション バーに追加します。そうすると、このタブが自動的に選択されます。将来的には問題になるかもしれませんが、今は気にしません。onTabSelectedが呼び出され、最初のフラグメントの新しいインスタンスが作成されてロードされます (以下のコードを参照)。
4. イベントがトリガーされることなく、他のすべてのタブを追加します。これで問題ありません。
5. ActionBar.selectTab(myTab)Tab nr 2 を選択するために呼び出します。
6. onTabUnselected()最初のタブで呼び出され、次にonTabSelected()2 番目のタブで呼び出されます。このシーケンスは、フラグメント 2 のインスタンスの現在のフラグメントを置き換えます (以下のコードを参照)。
7. 次に、Fragment.onCreateView()Fragment 2 インスタンスで呼び出され、フラグメント レイアウトが膨張します。
8. これが問題です。Android を呼び出してから、もう一度フラグメント インスタンスを呼び出すと、レイアウトを (2 回目) 膨張させようとすると例外が発生しますonCreate()。onCreateView()

明らかに問題は、Android がフラグメントを 2 回初期化していることですが、その理由はわかりません。

アクティビティを再読み込みするときに 2 番目のタブを選択しないようにしましたが、2 番目のフラグメントはとにかく初期化され、表示されません (タブを選択しなかったため)。

私はこの質問を見つけました: Android Fragments recreated on orientation change

ユーザーは基本的に私と同じように尋ねますが、私は選択した答えが好きではありません (これは単なる回避策です)。android:configChangesトリックなしでこれを機能させる方法がいくつかあるはずです。

不明な場合は、フラグメントの再作成を防ぐ方法と、フラグメントの二重初期化を回避する方法を知りたいです。なぜこれが起こっているのかを知っておくとよいでしょう。:P

関連するコードは次のとおりです。

Fragment のコードは関係ありませんonCreateView()。メソッドのオーバーライドで膨張したビューを返すだけです。

私はほとんどすべてのユーザー インターフェイスをプログラムで作成しており、Interface Builder でわずかな変更を加えています。しかし、すべての UI の 99% はもっぱらコードで行われています。仕方。

ただし、サブビューとしていくつかの UIView が追加されているため、デバイスの回転を処理する際に問題が発生しています。ビューを一般的に宣言する方法であるため、回転の問題に直面しています。

この修正された CGRectMake により、デバイスが回転したときにビューが同じサイズのままになり、ビューの向きに正しく適合しなくなります。

だから私は私の意見では恐ろしい解決策に取り組んできました..アニメーション化するビューがいくつかあり、ユーザーはそれらからオプションを選択してアニメーション化できます..しかし、どちらかでロードを処理できる必要がありますポートレートまたはランドスケープであり、ロード中にいずれかの方向から別の方向への回転を処理できる必要があります。

これが私がビューの1つを行った方法です。

この例では、横向きと縦向きの 2 つのビューがあります。明らかに、名前がそれぞれの方向を表すように、上記のロジックはこの行に沿っています。

この面倒なことをすべて経験するよりも簡単な方法があるかどうか知りたいです! 私はまだかなり経験が浅いので、これが私の最善の試みでした.サブビューが向きを適切に調整するようにビューを他のビューに追加するために、この足のすべての作業を行うよりも簡単なアプローチを誰かが知っていることを願っています.

どんな助けでも大歓迎です！私は絶望的です笑:)

イベントは次のとおりです。

デバイスを回転させるときはいつでも、UIScrollView中身が常に「正しい」面になるようにセットアップします。

これは、デバイスが横向きから縦向き (右側が上) に回転した場合を除いて機能し、ブレークポイントshouldAutorotateToInterfaceOrientationが呼び出されていないことを確認します。そのため、デバイスを縦向きに戻すと、UIScrollViewコンテンツは横向きになります。どうすればこれを修正できますか?