AIRで「Hello World」その2 - ssCAROのブログ

開発環境:FlashDevelop 4.0.4
プロジェクトの新規作成で「AIR Mobile AS3 App」にしているとボタンを押して「Hello World!」が難しかった。

flash.display.SimpleButton を使って作るみたい。
画面のレイアウトは全てコードで書く？

簡単に画面を作りたい！と思ったので調べるとmxmlで作成すると簡単。
みたいなことが書いていたので、mxmlを調べてみた。
プロジェクトを「AIR Mobile AS3 App」ではなく「AIR Mobile Flex App」で作成する。

src/Main.mxml
src/views/HomeView.mxml
上記の2ファイルが作成されるので、HomeView.mxmlを開いてレイアウト、コードを書く。
コードは別ファイルにしたいのでsrc/HomeView.asを新規に作成した。

src/views/の下にHomeView.asを作成するとビルド時にエラーが出るようになった

参考サイト
http://d.hatena.ne.jp/cu39/20120302/1330682460

HomeView.mxml

<?xml version="1.0" encoding="utf-8"?>
<s:View xmlns:fx="http://ns.adobe.com/mxml/2009"
        xmlns:s="library://ns.adobe.com/flex/spark"
        title="Hello World">

    <fx:Declarations>
        <!-- Place non-visual elements (e.g., services, value objects) here -->
    </fx:Declarations>

    <fx:Script source="../HomeView.as"/>

    <s:Label y="100" text="Status: {statusMsg}"/>
    <s:Button label="Click me" click="onButtonClick()"/>

</s:View>

HomeView.as

[Bindable]
private var statusMsg:String = "initialized.";

private function onButtonClick():void
{
    statusMsg = "Hello, World!";
}