Hello Flex World!
FlexでHello Worldです。手順は次のとおり。
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)
コンパイラの設定ファイルです。ステージサイズなどを記述します。「
<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!」が表示されるはず。
参考: