フルフラッシュページはFlexで簡単に

• 結構最近のネット上に散乱している記事でもフルフラッシュページを作るのにJavaScriptを使っていろいろやる方法を紹介していたりするが、Flexを使う場合はそのような方法すら必要ない。mx:Applicationオブジェクトの幅と高さを指定しないと自動的にブラウザのクライアント領域サイズにリサイズしてくれる設定になる。
  • しかし・・・
  • UIやMovieClipの配置はどうするのー？
    • mx:Applicationオブジェクト上にCanvasを置き、その中に全て含め、Canvas自体にレイアウト制約をかけることでも出来るし、ここのオブジェクトにレイアウト制約をかけてもよい。ゲーム的にぐりぐり動くようなものを作りたいのであればOnEnterFrameで処理すればよい。Canvasは必ずしも必要ではないが、まとめてやりたいときや、ブロックごとに背景を用意し、なおかつその背景がFlashのリサイズとともに伸縮されないようにしたい場合などは便利。昔のようなご苦労なやり方はもう卒業しましょう。
  • ただ・・・
    • 既存のHTML上に別の深度を持つレイヤーとしてかぶせたい場合などはJavaScriptなどを用いるのも良い。
• もう何度も言っているのでいい加減くどいが、Web2.0においてFlexは偉大