練習問題その4

ブラウザで無料ではじめるActionScript 3.0 ―It's a wonderfl world―

74ページの練習問題その4。

コードだけで、押すと色が変わるボタンを作ってみましょう。

この'コードだけ'ってのはFlashのIDEを使っている人に向けての言葉かな。私の場合はwonderflかFlex SDKしか使っていないので、もともとコードのみ。
つくってみたのがこちら。
wonderfl build flash online | 面白法人カヤック
で、全ソースコード。

package {
    import flash.display.Sprite;
    import flash.events.MouseEvent;
    import flash.text.TextField;

    public class practice4 extends Sprite {
        public var buttonOff:Circle = new Circle(0x0000ff);
        public var buttonOn:Circle = new Circle(0xff0000);
        public function practice4() {
            buttonOff.x = 200;
            buttonOff.y = 200;
            buttonOff.visible = true;
            buttonOff.buttonMode = true;
            buttonOff.addEventListener(MouseEvent.CLICK,mouseClickOn);
            addChild(buttonOff);
            buttonOn.x = 200;
            buttonOn.y = 200;
            addChild(buttonOn);
            buttonOn.visible = false;
            buttonOn.buttonMode = true;
            buttonOn.addEventListener(MouseEvent.CLICK,mouseClickOff);
        }

        private function mouseClickOn(e:MouseEvent):void {
            buttonOff.visible = false;
            buttonOn.visible = true;
        }
        private function mouseClickOff(e:MouseEvent):void {
            buttonOff.visible = true;
            buttonOn.visible = false;
        }
    } 
}

import flash.display.Sprite;

class Circle extends Sprite {
    public function Circle(color:int ) {
        graphics.beginFill(color);
        graphics.drawCircle(0, 0, 100);
        graphics.endFill();
    }
}

まあ、やっていることはいたって単純で、色違いの円を二つ作成して、クリックされたら描画のオンオフを切り替えているだけ。
で、この練習問題にはさらに発展問題がある。それは次回挑戦。