쉬어가더라도 멈추지마..

ModuleClac 클래스는 간단한 수식 계산을 담당하며 메인어플리케이션 클래스에서 모듈을 이용해서
해당 클래스를 로드하여 계산을 처리하는 간단한 예제이다.



 ModuleClac.mxml (모듈클래스를 상속)

 ModuleTest.mxml (모듈테스트 apllication)

플렉스에서는 바인딩할수있는 여러가지 방법이 있는데 바인딩 처리 방법입니다

protected function updateDisplayList(unscaledWidth:Number,
    unscaledHeight:Number):void

unscaledWidth Specifies the width of the component, in pixels, in the component's coordinates, regardless of the value of the scaleX property of the component. This is the width of the component as determined by its parent container.

unscaledHeight Specifies the height of the component, in pixels, in the component's coordinates, regardless of the value of the scaleY property of the component. This is the height of the component as determined by its parent container.

Scaling occurs in Flash Player, after updateDisplayList() executes. For example, a component with an unscaledHeight value of 100, and with a scaleY property of 2.0, appears 200 pixels high in Flash Player.

/*아래 일부코드는 updateDisplayList()메서드를 오버라이드한 일부 첨부파일중 일부 코드이다.*/
 override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void
         {
            super.updateDisplayList(unscaledWidth, unscaledHeight);

            if (data != null && listData != null && data[DataGridListData(listData).dataField] < 0)
            {
                 setStyle("color", 0xFF0000);
             }
             else
             {
                 setStyle("color", 0x009900);
             }

        }

자세한 내용은 아래 url을 참조
http://livedocs.adobe.com/flex/201/html/wwhelp/wwhimpl/common/html/wwhelp.htm?context=LiveDocs_Book_Parts&file=ascomponents_advanced_148_16.html


Sample>

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml" height="280" width="443">

<mx:XML id="xmlData">
<root> 
            <folder label="Stock" isBranch="true"> 
            </folder>             
            <folder label="Entertainment" isBranch="true">
                  <folder label="지상파 방송" isBranch="true" />
                  <folder label="케이블 방송" isBranch="true">
                          <Pfolder label="인천" />
                          <Pfolder label="수원" />
                  </folder>
            </folder>
           
            <folder label="Sports">
                  <Pfolder label="야구" />
                  <Pfolder label="축구" />
                  <Pfolder label="농구" />
                  <Pfolder label="배구" />
            </folder>
</root> 
</mx:XML>
 
  <mx:Script>
   <![CDATA[
    import mx.events.ListEvent;
    
    private function fnChange(e:ListEvent):void {
     var mXMLList:XMLList=tree1.dataProvider[0]..Pfolder.(@label==e.target.text);  // 콤보박스의 문구와 같은 label있는 XML를 모두 얻어낸다.
     
     if(0==mXMLList.length()){return;}
       
     tree1.expandChildrenOf( tree1.dataProvider[0], false ); // 전체 Item를 모두 닫는다.
     tree1.expandItem(mXMLList[0],true,true);// 선택된 Item를 열어준다.
    
   
     var mTempItem:XML=mXMLList.parent();   // 선택된 Item의 위쪽 Item를 모두 열어준다.
      while(null!=mTempItem){
          tree1.expandItem(mTempItem, true,true);
          mTempItem=mTempItem.parent();
      }
                    tree1.selectedItem=mXMLList[0]; // 선택 item를 조정한다.
      var idx:Number=tree1.getItemIndex( mXMLList[0]);  // 스크롤 위치를 조정한다.
      tree1.scrollToIndex(idx);
    }
    
   ]]>
  </mx:Script>   
     
<mx:Tree id="tree1" dataProvider="{xmlData}" showRoot="false" rowCount="6"  fontSize="12" labelField="@label"  width="294"  height="195"/>
<mx:ComboBox dataProvider="{xmlData..Pfolder}" labelField="@label" fontSize="12" change="fnChange(event)" />
</mx:Application>

<?xml version="1.0"?>
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml">
<mx:Style>
ToolTip
{
 fontSize:12;
}
</mx:Style>
<mx:XML id="xmlData">
<root> 
            <folder label="Stock" isBranch="true"> 
            </folder>             
            <folder label="Entertainment" isBranch="true">
                  <folder label="지상파 방송" isBranch="true" />
                  <folder label="케이블 방송" isBranch="true">
                          <Pfolder label="인천" />
                          <Pfolder label="수원" />
                  </folder>
            </folder>
           
            <folder label="Sports">
                  <Pfolder label="야구" />
                  <Pfolder label="축구" />
                  <Pfolder label="농구" />
                  <Pfolder label="배구" />
            </folder>
</root> 
</mx:XML>  
     
<mx:Tree id="tree1" itemRenderer="comp.TreeRenderer" dataProvider="{xmlData}" showRoot="false" rowCount="6"  fontSize="12" labelField="@label"  width="294" />
<mx:Label text="{tree1.selectedItem.toXMLString()}" fontSize="12" width="338" height="154"/>
</mx:Application>

TreeRenderer.mxml
<?xml version="1.0"?>
<local:TreeItemRenderer  xmlns:local="mx.controls.treeClasses.*" xmlns:mx="http://www.adobe.com/2006/mxml" >
<mx:Script>
 <![CDATA[ 
        import mx.controls.treeClasses.*;
        import mx.collections.*;
       
        override public function set data(value:Object):void{
            super.data = value;
            if(!TreeListData(super.listData).hasChildren){return;}
           
            setStyle("color", 0xff0000);       // Branch이면 적색으로
            setStyle("fontWeight", 'bold');    // Branch이면 볼드로
        }
         
        override protected function updateDisplayList(unscaledWidth:Number, unscaledHeight:Number):void {
            super.updateDisplayList(unscaledWidth, unscaledHeight);
            if(!super.data){ return;}
           
            icon.filters=[new  GlowFilter, new BlurFilter];                 // 폴더 아이콘에 Glow 효과
            disclosureIcon.filters=[new BlurFilter];          // 폴더열기닫기 Blue 효과
            super.label.toolTip = label.text;             // 툴팁 설정하기

            if(! TreeListData(super.listData).hasChildren){return;}           

            var tmp:XMLList =  new XMLList(TreeListData(super.listData).item);
            var myStr:int = tmp[0].children().length();
            super.label.text =  TreeListData(super.listData).label + "(" + myStr + ")";  // Branch에 대해서만 갯수를 표시한다.
        }

 ]]>
</mx:Script>
</local:TreeItemRenderer>

= 액션스크립트[ActionScript] 3.0 XML =

var xml:XML = <root/>;

위와 같은 간단한 XML이 있습니다..
<root>에 <node>를 4개 추가하려면 xml.appendChild(<node/>);를 네번 써주면 되겠죠?
1000개라면 어떻게 할까요? 각자 다른 값을 가져야 한다면요? = _ = 막막하죠..?
이럴때는 중괄호 연산자({})를 이용하면 쉽게 해결할 수 있습니다..

for(var i:int = 1; i < 5; i++){
 xml.appendChild(<node {"num"+i}={i+10}>{i}</node>);
}

trace(xml.toXMLString());
/*
  <root>
    <node num1="11">1</node>
    <node num2="12">2</node>
    <node num3="13">3</node>
    <node num4="14">4</node>
  </root>
*/

모두 다른 값을 가지는 노드가 4개 추가되었습니다..
저들의 속성을 모두 출력하려면 어떻게 할까요?

for(var i:int = 1; i < 5; i++){
 trace(xml.node["@num"+i]);
}
/*
 11
 12
 13
 14
*/

** 플래시에서 에러가 난다면 아래쪽 for문의 var i:int 를 i로 바꾸고 실행하세요..변수를 중복 정의하면 에러가 나거든요..