Javarang's life

<?xml version="1.0" encoding="utf-8"?>
<project name="Flex3 SDK Sample" default="all" basedir="../">
<taskdef resource="flexTasks.tasks" classpath="${basedir}/ant/flexTasks.jar" />

<property name="src"            value="${basedir}/src"/>
<property name="build"          value="${basedir}/deploy"/>
<property name="config"         value="${basedir}/ant/config"/>
<property name="FLEX_HOME"      value="D:/flex_sdk_3"/>
<property name="targetbuild"    value="C:/Tomcat/webapps/JavarangFlex/resources/flex3"/>

<target name="all">
    <antcall target="JavarangFlex"/>
</target>
<target name='JavarangFlex'>
    <property name='targetsrc' value='${src}' />
    <property name='targetbuild' value='${targetbuild}' />
    <property name='targetconfig' value='${config}' />

    <mxmlc file='${targetsrc}/Sample.mxml'
        output='${targetbuild}/Sample.swf'
        actionscript-file-encoding='UTF-8'
        optimize="true" debug="false"
        services='${config}/services-config.xml'>

        <load-config filename='${FLEX_HOME}/frameworks/flex-config.xml'/>
        <context-root>JavarangFlex</context-root>
        <source-path path-element='${FLEX_HOME}/frameworks'/>

        <compiler.library-path dir='${FLEX_HOME}/frameworks' append='true'>
            <include name='libs'/>
            <!--include name="${localePath}"/-->
        </compiler.library-path>
    </mxmlc>
</target>
</project>

var source:Object = new Object();
source.col1 = "1";
source.col2 = "2";
source.col3 = "3";
source.col4 = "4";
source.col5 = "5";
var target:Object = new Object();
for(var i:String in source) {
    target[i] = source[i];
    trace(target[i]);
}

 Adobe Flex....
 정보계에서 일하는 제게 있어 아주 꿀같은 프로그램입니다.
 예상외로 폭발적으로 유행을 타지 않는 다는 것이 다소 신기할 정도로 좋더군요.
 너무 맘에 들어 Sample을 이리저리 수집하여 아주 요긴하게 써먹고 있습니다.

 제가 가지고 있는 Sample을 소개해 드리겠습니다.
 원래 주소는 잘 기억이 안납니다.

 1. Adobe에서 제공하는 Component 소개 샘플입니다.
  소스가 같이 제공되어 가져다 쓰기 좋습니다.

  url : http://javarang.net/flex_samples/base/explorer.html

 2. 누군가가 선물해준 차트 예시입니다.
  으.....너무너무 멋집니다...

  url : http://javarang.net/flex_samples/chart01/app.html

 3. Flex 콤포넌트들의 스타일을 미리 볼 수 있습니다.
  이 페이지도 아주 유용하게 쓰고 있죠..

  url : http://javarang.net/flex_samples/explorer/Flex2StyleExplorer.html

 4. 음....객체 사이의 관계를 표현하기 좋은 예시입니다.

  url : http://javarang.net/flex_samples/SpringGraph/AmazonDemo.html

 5. 너무 멋진 달력~~

  url : http://javarang.net/flex_samples/calendar/app.html

 6. 구간 선택기능을 가진 차트

  url : http://javarang.net/flex_samples/selector/main.html

 7. BI 화면의 정수를 보여주는 New York Times의 증시 차트

  url : http://www.nytimes.com/packages/khtml/2006/04/02/business/20060402_SECTOR_GRAPHIC.html

 8 . 아기자기한 Gauge 차트
  직접 만들어 보았습니다. ^^

  url : http://javarang.net/flex_samples/jgauge/JavarangGauge.html

1. 필요한 경우 component를 위해 skin을 사용할 수 있습니다.
2. ActionScript class 파일을 만듭니다.
  2.1 UIComponent나 대상클래스를 상속합니다.
  2.2 MXML에서 사용할 속성을 정의합니다.
  2.3 graphic이나 skin을 embed합니다.
  2.4 constructor를 구현합니다.
  2.5 UIComponent.createChildren() method를 구현합니다.
  2.6 UIComponent.commitProperties() method를 구현합니다.
  2.7 UIComponent.measure() method를 구현합니다.
  2.8 UIComponent.layoutChrome() method를 구현합니다.
  2.9 UIComponent.updateDisplayList() method를 구현합니다.
  2.10 properties, methods, styles, events, and metadata 등을 추가합니다.
3. 파일을 배포합니다.

 Component의 lifetime동안 작성한 Application에서 Component의 이런저런 속성을 변경하는
경우가 있습니다.
 .....<< 예시 시나리오 생략 >> ...

 Flex는 component들의 속성변경등에 대해 invalidatioin 메커니즘을 사용합니다.
 Component변경에 대해 Flex에 변경을 알리기 위해서는 component의 commitProperties, measure, layoutChrome, 또는 updateDisplayList method를 사용해야 합니다.
 - invalidateProperties() : 다음의 screen update에 commitProperties가 호출되도록
                                Mark합니다.
 - invalidateSize() : 다음의 screen update에 measure가 호출되도록 Mark합니다.
 - invalidateDisplayList() : 다음의 screen update에 layoutChrome와
                        updateDisplayList가 호출되도록 Mark합니다.

 Component가 invalidation method를 호출하면, component가 update되어야 함을 Flex에 전달합니다.
 여러 component가 invalidation method를 호출하면, Flex는 다음 screen update 모두 함께 반영
되도록 처리합니다.

 일반적으로 component 사용자들은 invalidatioin method를 직접 호출하지는 않지만, setter
method의 사용등으로 내부적으로 호출됩니다.