flash.display 패키지 내에는 DisplayObjectContainer 라는 Class가 있다.
위의 Class는 UIComponent를 상속받는 Container 들에게도 해당 속성이 적용 받는데, 포스트에 적을 것은 게중에 해당 컨테이너에 속한 컴포넌트들의 속한 순서(? addChild 된 순서)를 바꾸는 것을 알아 본다.
일단 DisplayObjectContainer에는 Canvas나 혹은 다른 Container 들에게 볼 수 있는 몇가지 Method가 있다.
setChildIndex(child:DisplayObject, index:int):void
Changes the position of an existing child in the display object container.
swapChildren(child1:DisplayObject, child2:DisplayObject):void
Swaps the z-order (front-to-back order) of the two specified child objects.
removeChild(child:DisplayObject):DisplayObject
Removes the specified child DisplayObject instance from the child list of the DisplayObjectContainer instance.
getChildIndex(child:DisplayObject):int
Returns the index position of a child DisplayObject instance.
이것 이외에도 여러가지 유사한 기능을 하는 Method들이 있다. Parameter만 다르고 기능은 거의 같으니 일단 이정도로 소개하도록 하고
DisplayObjectContainer라는 Class 명에서 뜻하는 것처럼 다른 컴포넌트들을 담는 녀석들은 여러 자식 클래스(컨테이너에 addChild 시키는 컴포넌트들)를 담는데, 이를 add 시킨 순서로 0, 1, 2, 3, 4 .. 순으로 저장되게 된다. 그런데 이게 왜 중요하냐? 당연한게 아니냐? 의문이 들거다. 맞다. 너무 당연하다. 보통 Application들을 보면 여러가지 패널이라든지 혹은 창들을 보게 되는데 마우스를 클릭하면 해당 Unit 혹은 창들이 가장 최상위에서 활성화되게 된다. 즉, 선택한 녀석만 최상단에 나오게 되는 것이다.
플래스를 하다가 보면 Click 이벤트로 유닛을 Drag 하고 Drop 하는 등 여러가지 일을 할 수 있는데, 이런 Container에 속한 자식들에 대한 Focus는 자체적으로 지원해 주지 않는다. ( 아시면 댓글 좀...)
뭐 찾아보면 있을 수도 있는 거지만, 지금까지 헛 공부 한 것이 아니라면 자동으로 지원해 주지 않는다.
그래서 위와 같이 여러 다중의 창이 떴을때 이런 것을 해주기 위해서는 위의 메서드들을 알아야 한다는 것이다.
private function hdlMouseDown(evt:MouseEvent):void
{
var uiComponent:UIComponent = evt.currentTarget as UIComponent;
var changeValue:Number = this.getChildIndex(uiComponent);
위의 코드에서 붉은 색 라인의 것은 swapChild를 사용해서 add 된 컴포넌트들끼리 순서를 바꿔준다. 물론 바꿔줄때 자신의 순번보다 하위에 있는 것은 손볼 필요가 없으므로 자신보다 순번이 높은 컴포넌트들끼리 바꿔주면 원하고자 하는 기능을 완성할 수 있다.
아래는 위의 소스를 실행한 화면이다.
클릭한 사각 박스가 우선 선택 되는 것을 확인 할 수 있다.
-PS-
가끔 오류가 나는데 Canvas로 된 Container를 선택하는게 아니라 쌩뚱맞게 뒤의 Border를 Swap 할때 선택하게 되서 오류가 난다. 드레그 한 사용자의 잘못이 아니라, 플래시 플레이어에서 이상하게 인식하는 건지 거참 요상하다. 잘되었다가 안되었다가 마음대로다. =_-...
numeric:Boolean (default = false) — 소트 아이템을 알파벳순서는 아니고 숫자로서 비교할지 어떨지를 콤퍼레이터에 지시합니다.
아래 참고 소스는 ActinoScript 3.4 reference에서 참고 한 것이다.
var col:ICollectionView = new ArrayCollection(); // In the real world, the collection would have more than one item. col.addItem({first:"Anders", last:"Dickerson"}); // Create the Sort instance. var sort:Sort = new Sort(); // Set the sort field; sort on the last name first, first name second. // Both fields are case-insensitive. sort.fields = [new SortField("last",true), new SortField("first",true)]; // Assign the Sort object to the view. col.sort = sort; // Apply the sort to the collection. col.refresh();