만영’s 블로그

말그대로 이미지 버튼 컴포넌트 이다.

더블클릭 방지 기능도 포함됨…

속성중에 DOUBLECLICK_DELAY값을 변경하여 더블클릭 방지 시간을 수정하면 된다.

그리고 마우스오버,아웃시 fade 효과도 추가했음.

– ButtonImage.mxml

<mx:Image buttonMode=”true” useHandCursor=”true” mouseChildren=”false” xmlns:mx=”http://www.adobe.com/2006/mxml” creationComplete=”createContent()”>
 <mx:Metadata>[Event("clickDispatch")]</mx:Metadata>
 <mx:Script>
  <![CDATA[
   import flash.events.Event;
   import mx.effects.Fade;
   
   private var DOUBLECLICK_DELAY:Number = 100;
   private var timer:Number = 0;
   
   private function createContent():void
   {
    this.addEventListener(MouseEvent.MOUSE_OVER,mouseOverEvt);
    this.addEventListener(MouseEvent.MOUSE_OUT,mouseOutEvt);
    this.addEventListener(MouseEvent.MOUSE_DOWN,mouseDownEvt);
   }
   private function mouseOverEvt(event:Event):void
   {
    var fadeIn:Fade = new Fade(this);
       fadeIn.alphaFrom = 1.0;
       fadeIn.alphaTo = 0.5;
       fadeIn.duration = 300;
       fadeIn.play();
   }
   private function mouseOutEvt(event:Event):void
   {
    var fadeOut:Fade = new Fade(this);
       fadeOut.alphaFrom = 0.5;
       fadeOut.alphaTo = 1.0;
       fadeOut.duration = 300;
       fadeOut.play();
   }
   private function mouseDownEvt(event:Event):void
   {
    if(!this.visible) return;
    var currentTime:Number = getTimer();
    if (currentTime - timer > DOUBLECLICK_DELAY) {
     timer = getTimer();
     dispatchEvent(new Event("clickDispatch"));
    }
   }
  ]]>
 </mx:Script>
</mx:Image>

간만에 좋은 소식이 올라왔네요…

전에 Flex 자동빌드를 Ant 빌드로 변경하는데 꽤 고생을 했던 기억이 납니다.

Flex Ant tasks를 사용하면 빌드파일 만들때 task를 정의하여 mxmlc,comp와 같은 커맨드 명령어를 쉽게 만들 수 있겠네요.

일단 파라미터를 태그형태로 정의 할 수 있으니까. 가독성도 좋고 보기도 좋고 하지만 성능은 똑같다는거….

– 샘플 –

~~~~

<property name=”FLEX_HOME” value=”C:/flex_sdk_2″ />

<taskdef resource=”flexTasks.tasks” classpath=”./util/flexTasks.jar” /> 

 <target name=”compile”>
  <echo>Building ${swfFile}</echo>
        <mxmlc
            file=”${main_appliation}”
            output=”${swfFile}”
            actionscript-file-encoding=”UTF-8″
            keep-generated-actionscript=”true”
            incremental=”true”
            services=”${flex2_project}/WEB-INF/flex/services-config.xml”
        >
            <load-config filename=”${flex2_project}/WEB-INF/flex/flex-config.xml”/>
            <runtime-shared-libraries url=”20_Cairngorm2.swf”/>
            <runtime-shared-libraries url=”20_DashboardLib.swf”/>
            <compiler.external-library-path dir=”${lib_project}” append=”true”>
                <include name=”lib/20_Cairngorm2.swc” />
                <include name=”bin/20_DashboardLib.swc” />
            </compiler.external-library-path>
            <default-size width=”500″ height=”600″ />
        </mxmlc>
    </target>

~~~

Flex compiler shell은 mxmlc와 비슷한 놈인데 컴파일했던 정보들을 캐쉬형태로 저장하여 다음 번 컴파일때 캐쉬를 사용하여 컴파일 성능을 향상시켰다고 합니다. 단 FlexBuilder를 사용하면 필요가 없다고 합니다. 기본적으로 빌더에 포함되 있다네요.