テキスケ

　まず mxml で GUI を配置。
　こんな感じで、HTML気分でタグを配置していきます。

mlmlTest.mxml
<?xml version="1.0" encoding="utf-8"?>

<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" 
    xmlns:astest="com.txt_nifty.sketch.astest.*"
	layout="absolute" backgroundColor="#000000">
	
    <mx:Panel title="ActionScript and MXML Example" height="75%" width="75%" 
        paddingTop="10" paddingBottom="10" paddingLeft="10" paddingRight="10">
        
        <mx:Label width="100%" color="blue" text="Select the color of the box."/>
        <mx:ColorPicker id="cp" showTextField="true" selectedColor="0xff0000"/>
        <astest:AsTest id="test0" col="{cp.selectedColor}" />

    </mx:Panel>

</mx:Application>

　　xmlns:astest="com.txt_nifty.sketch.astest.*"
　の部分で import したい as があるパスを記述して、
　　<astest:AsTest id="test0" />
　で配置します。new してくれるってことですよね。id="test0" の部分がインスタンス名。
　ここで注目すべきは <astest:AsTest col="{cp.selectedColor}" /> の部分です。
　これでカラーピッカー cp と test0 のメンバ col がバインドされます。 つまり、カラーピッカー cp の色が変わったら自動的に test0.col のセッター関数を呼んでくれるということ。

　次に情報の受け手である as ファイル。

AsTest.as
package com.txt_nifty.sketch.astest {
    import mx.core.UIComponent;
    import flash.display.*;
    
    public class AsTest extends UIComponent {
        [Bindable]
        public var col:uint;

        public function AsTest() {
            addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, propertyChangeHandler);
            col = 0xff0000;
        }
    
        private function propertyChangeHandler(e:PropertyChangeEvent):void {
            draw();
        }

        public function draw():void {
            graphics.clear();
            graphics.beginFill(col);
            graphics.lineStyle(1, 0x000000);
            graphics.drawRect(0, 0, 40, 40);
            graphics.endFill();
        }
    }
}

　ここでの要チェックは項目 [Bindable] 。
　こちらの記事にあるとおり、これを指定した変数には自動的に set と get 変数が作られて、外からアクセス可能になるということ。
　更に
　　addEventListener(PropertyChangeEvent.PROPERTY_CHANGE, propertyChangeHandler);
　によって変数が変更されたときに呼ばれる関数というのを規定できるので、ここに draw() を書いておけば set された時に自動的に再描画を実現できます。すげー。アスペクト指向ってやつですかね。違うかな。
　便利な GUI を簡単に使えるので、いろいろ面白いことが出来そうです。

　ちなみに package の名前ですが、ここに書いてあるくらいの内容しか分からなかったので適当につけました。ハイフン使えないのでアンダースコアで代用。どこかにちゃんとした命名ルールが書いてないもんですかねぇ。特にないのかな。