Hello Flex World!

FlexでHello Worldです。手順は次のとおり。

1. MXMLファイルを書きます。
2. コンパイラの設定ファイルを書きます。
3. mxmlcでMXMLファイルをコンパイルし、SWFを作成します。

MXMLファイル(hello.mxml)

ユーザーインターフェイスのレイアウトなどを書くファイルです。今回はスクリプトもここに埋め込んでいます。

• パネルとラベルを定義
• スクリプトでラベルに"Hello World!"を設定します。

<?xml version="1.0" encoding="utf-8"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute"
    creationComplete = "main()" >
    
    <!-- ラベルを貼り付ける -->
    <mx:Panel title="" width="200" height="100">
        <mx:Label id="stdout" />
    </mx:Panel>
    
    <mx:Script>
        <![CDATA[
            // メイン
            public function main():void {
                stdout.text = "Hello World!!";
            }
        ]]>
    </mx:Script>
    
</mx:Application>

コンパイラの設定ファイル (hello-config.xml)

コンパイラの設定ファイルです。ステージサイズなどを記述します。「-config.xml」として、mxmlファイルと同じディレクトリに配置すると勝手にロードしてくれます。

<flex-config>
  <output>bin/hello.swf</output>
  <default-size>
    <width>500</width>
    <height>500</height>
  </default-size>
  <default-frame-rate>24</default-frame-rate>
  <default-background-color>0xFFFFFF</default-background-color>
</flex-config>

ファイル構成

作成したファイルを同じディレクトリに配置します。

+ hello
  - hello.mxml
  - hello-config.xml

コンパイル

helloディレクトリで以下のコマンドを実行します。

mxmlc hello.mxml

実行後、./bin/hello.swfにSWFファイルができます。ブラウザで開くと、「Hello World!」が表示されるはず。

参考:

• Adobe Flex 2 ヘルプ
• nemu90kWw.の雑記-mxmlcの使い方とコンパイルオプションを勝手に解説