Flex入門｜Hello Worldを表示してみる。

どこかのプログラミング入門書で、「こんにちわ世界」なんて出力するサンプルがありましたが、、
そこまで無理にこの言葉を使わなくても（汗）なんて思ったりしました（苦笑）

でわでわ、早速ソースです。
----
１：<?xml version="1.0" encoding="utf-8"?>
２：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
３：    <mx:Label text="Hello World"/>
４：</mx:Application>
----
数字は行番号です。
１、２、４行目は、お約束。（一部設定の箇所もあるのですが、説明は省略します。）
３行目の、<mx:Label text="Hello World"/>だけで表示することが出来ます。

そして実行結果。



こんな感じで出力されます。
これだけ見ると、なんだー。
という感じですが、たった数文字書くだけで、swfでこの表示が出来るのはさすがFlexですよね。
今まで食わず嫌いだったのが悔やまれます。

次のソースです。
----
１：<?xml version="1.0" encoding="utf-8"?>
２：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
３：    <mx:Label text="Hello World" fontSize="24"/>
４：</mx:Application>
----
CSSのように、フォントサイズを指定できるんですね。

実行結果です。



もちろん、ボールドにすることも出来ます。
----
１：<?xml version="1.0" encoding="utf-8"?>
２：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
３：    <mx:Label text="Hello World" fontWeight="bold" fontSize="24"/>
４：</mx:Application>
----

実行結果です。


----
１：<?xml version="1.0" encoding="utf-8"?>
２：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" layout="absolute">
３：    <mx:Panel>
４：        <mx:Label text="Hello World" fontWeight="bold" fontSize="24"/>       
５：    </mx:Panel>
６：</mx:Application>
----
パネルに入れると、次の実行結果のようになります。



しかしこれでは見栄えが悪いので、さらに修正。
----
１：<?xml version="1.0" encoding="utf-8"?>
２：<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
３：    <mx:Panel title="Flex">
４：        <mx:Label text="Hello World" fontWeight="bold" fontSize="24"/>       
５：    </mx:Panel>
６：</mx:Application>
----
２行目の layout="absoluteを削除して、
３行目にタイトルを記入しました。

実行結果です。



これで、Flexアプリケーションらしさが出てきましたね。
たったこれだけのスクリプトで、こんなswfが作成できてしまうのは本当に凄い。。
今回は "Hello World" でしたが、私の学習が進み次第、次のステップをご紹介したいと思います。

----
鶴羽佳秀