Androidの画面回転を捕らえて画面切り替えする簡単な方法を記載します。
この方法はタイムラインを使用した方法です。本当に簡単ですぐできます。


実行環境

  • Adobe Flash Professional CS5
  • Adobe Flash Pro CS5 Extension for AIR2.5(Beta)

 

タイムラインの設定

縦画面と横画面のタイムラインを用意します。
これらにラベルをつけておきます。以下画像を参照ください。
ファイル 125-1.png ファイル 125-2.png

ここでは以下に設定しています。
・"LBL_VERTICAL" : 縦画面
・"LBL_HORIZON" : 横画面
ちなみにドキュメントサイズは480x800です。
デザイン時点で横画面はステージからはみ出しています。

 

サンプルコード

リサイズイベントをキャッチしてラベルに飛ばすだけです。

1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
package 
{
    import flash.events.Event;
    import flash.display.Sprite;
    import flash.display.StageAlign;
    import flash.display.StageScaleMode;
    import flash.ui.Multitouch;
    import flash.ui.MultitouchInputMode;
    import flash.desktop.NativeApplication;
    import flash.display.StageOrientation;
    import flash.display.Stage;
‌ 
    public class test extends flash.display.MovieClip 
    {
‌ 
        public function test():void {
            // ====== とりあえず停止
            this.stop();
‌ 
            root.stage.scaleMode    = flash.display.StageScaleMode.NO_SCALE;
            root.stage.align        = flash.display.StageAlign.TOP_LEFT;
            root.stage.addEventListener(flash.events.Event.DEACTIVATE, deactivate);
            flash.ui.Multitouch.inputMode = flash.ui.MultitouchInputMode.TOUCH_POINT;
‌ 
            // ====== 画面切り替えイベントを捕らえる
            root.stage.addEventListener(flash.events.Event.RESIZE, onResize);
        }
‌ 
        /**
            画面切り替えイベントハンドラ.
        */
        private function onResize(e:flash.events.Event):void {
            switch( root.stage.deviceOrientation ){
                // ====== 横画面のときは横画面ラベルへ飛んで停止
                case flash.display.StageOrientation.ROTATED_LEFT:
                case flash.display.StageOrientation.ROTATED_RIGHT:
                    this.gotoAndStop("LBL_HORIZON");
                    break;
‌ 
                // ====== 縦画面のときは縦画面ラベルへ飛んで停止
//              case flash.display.StageOrientation.DEFAULT:    
//              case flash.display.StageOrientation.UNKNOWN:
//              case flash.display.StageOrientation.UPSIDE_DOWN:
                default:
                    this.gotoAndStop("LBL_VERTICAL");
                    break;              
            }
        }
‌ 
        private function deactivate(e:Event):void {
            NativeApplication.nativeApplication.exit();
        }
    }
}
‌ 
このコードは CodePublisher で生成しています

ちなみに、自動回転を有効にしておけば自動的に回転が行われます。
ただし自動回転は行われた場合はアスペクト比が狂ってしまいます。
なので、ここでは縦画面と横画面の2画面を用意したという感じです。
※上下反転した画面は作らずとも勝手にうまくやってくれます。

これらの内容は以下を参考にさせて頂きました。ありがとうございます。
http://www.adobe.com/jp/devnet/air/articles/air_android_orientation1.html

コメント

  • コメントはまだありません。

コメントを投稿する

コメントを投稿する場合は以下に注意してください。

・記事に関係する内容であること
・特別な理由がない限り「全体公開」であること

これさえ守っていただければどんな内容でも投稿可能です。
皆様の質問やコメントは他の方の問題解決に繋がりますのでご協力ください。

コメント投稿フォーム
名前
メール
URL
コメント
閲覧制限

コメントを投稿するには、以下の問題に答えてください。
問題:「voltageの和訳を漢字二文字で入力してください」