ActionScript 3.0メモ

▼ActionScript 3.0メモ▼

Flex Builder 3によるFlashアプリの開発

Flex Builder 3を利用して、"Hello World!"という文字列を表示するFlashアプリを作成する。

※Flash Player 9以降

開発ツールの準備

「Flex 3 SDK」によるFlashアプリケーション開発に必要なツールは以下の2つ。

Flex Builder 3
EclipseベースのFlash用開発環境。
ダウンロードするにはユーザー登録が必要。
有償だが60日間の体験版で試用できる。
スタンドアロンとEclipseプラグインがあるが、スタンドアロンを選んだほうが無難。
ダウンロードしてインストーラの指示に従ってインストール。

プログラムの作成

ソースコードの作成
テキストエディタでHelloWorld.asを作成し、以下のように編集

プロジェクトの作成

Flex Builderを起動し、メニュー「ファイル→新規→ActionScript プロジェクト」を選択。

「プロジェクト名」に「HelloWorld」を指定し「終了」ボタンを押す。

ソースコードの作成
テキストエディタでHelloWorld.asを作成し、以下のように編集
HelloWorld.as
package {
    import flash.display.*;  
    import flash.text.*;  

    //HelloWorld
    [SWF(width=240, height=240, backgroundColor=0xFFFFFF)]
    public class HelloWorld extends Sprite {
        //コンストラクタ
        public function HelloWorld() {
            var textField:TextField=new TextField();
            textField.text="Hello World!";
            addChild(textField);
        }
    }
}
ビルドと実行
Flex Builder 3のメニュー「Build Automatically」にチェックを付けておくことで、ソースコードを編集するたびに自動的にビルドされる。
緑三角アイコン(もしくはメニューの「Run⇒Run」)を選択することで実行できる。

HelloWorld.as
package { import flash.display.; import flash.text.; //HelloWorld [SWF(width=240, height=240, backgroundColor=0xFFFFFF)] public class HelloWorld extends Sprite { //コンストラクタ public function HelloWorld() { var textField:TextField=new TextField(); textField.text="Hello World!"; addChild(textField); } } }

－戻る－