Starling+Feathersで画面遷移 のバックアップソース(No.2) :: NJF Wiki

• 差分^[1] を表示
• 現在との差分^[2] を表示
• バックアップ No.2 を復元して編集^[3]
• Starling+Feathersで画面遷移^[4] へ行く。

Feathersには画面遷移を行うための、ScreenとScreenNavigatorというクラスがある。

Screenが画面そのもので、ScreenNavigatorがそれを管理するクラス。

*Screen [#p1fd9085]

Screenはそのまま使うより、継承して使うことが多い。そして、initializeメソッドをオーバーライドして初期化を行う。

 override protected function initialize():void
 {
      super.initialize();
      //ここで初期化する
 }

ScreenはSpriteを継承しているので、addChildで描画オブジェクトを付け加えられる。 ScrollScreenやPanelScreenを使うとスクロールしたりヘッダーやフッターをつけた画面も簡単に作れる。

*ScreenNavigator [#b78a55bf]

ScreenをScreenNavigatorに登録すると画面遷移が簡単にできるようになる。
ScreenNavigatorへの登録はScreenNavigatorItemを使う。

 var screenNavigator:ScreenNavigator = new ScreenNavigator();
 baseSp.addChild(screenNavigator);
 var screenNavigatorItem:ScreenNavigatorItem = new ScreenNavigatorItem( new TestScreen1() );
 screenNavigator.addScreen( "screen1", screenNavigatorItem );

あとは、

 screenNavigator.showScreen("screen1");

とすればそのスクリーンが表示される。

ここで注意しないといけないのは、ScreenNavigatorItemはScreenのクラスとインスタンスのどちらかをコンストラクタ引数として取り得ることである。つまり、

 new ScreenNavigatorItem( TestScreen1 );

としても、

 new ScreenNavigatorItem( new TestScreen1() );

としてもScreenNavigatorItemのインスタンスは作れる。これらは一見同じように動作するが、内部的には異なる動作をする。

クラスを与えたときは、''画面遷移のときにdisposeが呼ばれて前のScreenが破棄されメモリが解放される''。

インスタンスを与えたときは、''そのインスタンスが保持され次回に再利用されるので画面遷移でもdisposeが呼ばれない''。

よってメモリを節約したいときはクラスを与えて初期化した方が良い。しかし、画面遷移のたびにdisposeが呼ばれて次にまたインスタンス作成となるとかなり処理がもたつく。メモリに余裕があるならできるだけインスタンスを与えて初期化した方が良い。

ちなみに私は自動でdisposeが行われないように全てインスタンスで初期化し、自前のdisposeメソッドを作って必要なタイミングに必要なメモリだけ解放している。

ScreenNavigatorItemで便利なのは画面遷移のイベントを設定できることである。つまり、

 screenNavigator.setScreenIDForEvent( "screen1Show", "screen1" );

としておくと、ScreenNavigatorに登録したスクリーンで

 dispatchEventWith("screen1Show");

とすると、screen1のIDの画面へと遷移する。実際にはshowScreenよりもこちらの方がよく使う。

画面遷移のアニメーションも好みの物に変更できる。たとえばフェイドインなら、

 screenNavigator.transition = Fade.createFadeInTransition();

となる。


(制作中)

• Starling+Feathersで画面遷移 のバックアップ一覧^[7]
• Starling+Feathersで画面遷移 のバックアップソース(No. All)
  • 1: 2016-03-17 (木) 14:17:23^[8] njf^[9]
  • 2: 2016-03-17 (木) 16:57:31 njf^[9]
  • 3: 2016-03-18 (金) 10:17:01^[10] njf^[9]
  • 4: 2016-03-19 (土) 03:35:58^[11] njf^[9]
  • 現: 2016-03-20 (日) 21:59:27^[12] njf^[9]