devlog [naru design]

プログラミングやテクニカルな内容の覚え書き。

feathersでは画面(メニューやゲーム、オプションなど)をScreenコンポーネントとして扱います。
ScreenNavigatorコンポーネントを使うと、これらの画面を遷移を含めて扱うことができます。

画面を2つ用意して、ScreenNavigatorコンポーネントを使って遷移させてみました。

サンプルコード:

33-36行目 ナビゲータにScreenOneを登録(onNextでScreenTwoへ遷移する)
38-41行目 ナビゲータにScreenTwoを登録(onBackでScreenOneへ遷移する)
45-47行目 画面トランジション(横にスライドするタイプ)の設定

各画面はScreenコンポーネントを継承したクラスとして作成する。

23-28行目 イベントをナビゲータが受け取るためのプロパティとgetter
64-69行目 ボタンが押された際のイベントハンドラ

※ ScreenOneと同等

実行結果:

This movie requires Flash Player 11

トランジションも含めた画面遷移が簡単に実現できました。自前で実装するのは意外と面倒なので、助かります。
あとは、モーダルダイアログを実現するようなコンポーネントがあれば良いんだけど・・・

Pocket

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください

Trackback URL: