swapChildren메서드로 위치 바꾸기

프로그래밍/FLEX 2008. 8. 14. 17:29

도형과 같은 이미지를 표현할 때 서로 겹치는 경우가 생긴다.

그러면 나중에 생성된 도형이 먼저 생성된 도형을 가리게 되는데

위, 아래 위치를 swapChildren메서드를 통해 바꿀 수 있다.

아래는 이를 구현한 예제이다.

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

public class ShapeExam extends Sprite {
    	
    	private var circle:Sprite;
    	private var rect:Sprite;
    	private var roundRect:Sprite;
    	
    	private var size:uint = 40;
    	private var borderSize:uint = 3;
    	
        public function ShapeExam() {
        	doDrawCircle(0xFFCC00);
        	doDrawRect(0x666666);
        	doDrawRoundRect(0x003399);
        }
        
        private function doDrawCircle(baseColor:uint):void
        {
        	circle = new Sprite;
        	var harfSize:uint = Math.round(size/2);
        	circle.graphics.beginFill(baseColor);
            circle.graphics.drawCircle(30,50,harfSize);
            circle.graphics.endFill();
            addChild(circle);
        }
        
        private function doDrawRect(baseColor:uint):void
        {
        	rect = new Sprite;
        	rect.graphics.beginFill(baseColor);
            rect.graphics.drawRect(0,10,size,size);
            rect.graphics.endFill();
            addChild(rect);
        }
        
        private function doDrawRoundRect(baseColor:uint):void
        {
        	roundRect = new Sprite;
        	roundRect.graphics.beginFill(baseColor);
        	roundRect.graphics.drawRoundRect(80,80,size,size,15);
        	roundRect.graphics.endFill();
        	roundRect.buttonMode = true;
        	roundRect.addEventListener(MouseEvent.CLICK, swapHandler);
        	addChild(roundRect);
        }
        
        private function swapHandler(event:MouseEvent):void
        {
        	this.swapChildren(circle, rect);
        }
    }
}

위 예제를 실행하면 아래와 같이 나오는데 파란색의 도형을 클릭하면

swapChildren이벤트가 수행이 된다.

이를 이용하면 파워포인트나 스타플의 별꾸미기에 있는 위로보내기,아래로보내기 같은
기능을 구현할 수 있지 않을까?

기타 유용한 메서드로는 numChildren과 getChildrenAt가 있다.
numChildren은 해당 객체안의 자식객체들의 숫자를 구하는 메서드이고
getChildrenAt는 자식 객체의 인덱스를 불러오는 것이다.

아래에 간단한 사용예제를 나타내 보았다.