Taking screenshots in Flex 3 using the ImageSnapshot.captureBitmapData() method

var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(source);
swfLoader.source = new Bitmap(imageBitmapData);

<?xml version="1.0" encoding="utf-8"?>
<!-- http://blog.flexexamples.com/2007/11/17/taking-screenshots-in-flex-3-using-the-imagesnapshotcapturebitmapdata-method/ -->
<mx:Application xmlns:mx="http://www.adobe.com/2006/mxml"
        layout="vertical"
        verticalAlign="middle"
        backgroundColor="white">

    <mx:Script>
        <![CDATA[
            import mx.graphics.ImageSnapshot;

            private function takeSnapshot(source:IBitmapDrawable):void {
                var imageBitmapData:BitmapData = ImageSnapshot.captureBitmapData(source);
                swfLoader.source = new Bitmap(imageBitmapData);
            }
        ]]>
    </mx:Script>

    <mx:Array id="arr">
        <mx:Object col1="Row 1, Col 1" col2="Row 1, Col 2" />
        <mx:Object col1="Row 2, Col 1" col2="Row 2, Col 2" />
        <mx:Object col1="Row 3, Col 1" col2="Row 3, Col 2" />
        <mx:Object col1="Row 4, Col 1" col2="Row 4, Col 2" />
        <mx:Object col1="Row 5, Col 1" col2="Row 5, Col 2" />
        <mx:Object col1="Row 6, Col 1" col2="Row 6, Col 2" />
    </mx:Array>

    <mx:ApplicationControlBar dock="true">
        <mx:Button label="Take snapshot of DataGrid"
                click="takeSnapshot(dataGrid);" />
    </mx:ApplicationControlBar>

    <mx:HBox>
        <mx:DataGrid id="dataGrid" dataProvider="{arr}" />
        <mx:SWFLoader id="swfLoader">
            <mx:filters>
                <mx:DropShadowFilter />
            </mx:filters>
        </mx:SWFLoader>
    </mx:HBox>

</mx:Application>

출처 : http://blog.marines.co.kr/archives/58

FLEX에서 SWFLoader를 이용하여 플래시SWF파일을 Embed시킬 경우에
간단하게 변수를 전달하는 것이 안되더군요. (SWFLoader.params = 어쩌고 이런 방식이 안됨;;)

이를 위해서는 이전부터 존재했던 LocalConnection을 사용하여야 통신이 가능합니다.

Javascript, AJAX를 사용하여도 되지만, 독립적인 실행이 가능하게 하려는 취지에는 맞지않지요.

		private var lc:LocalConnection;
		private function init():void {

			lc = new LocalConnection();

			lc.addEventListener(StatusEvent.STATUS, onStatus);

		}
		public function clickHandler():void {

			webservice.getPhotoListArray.send();

		}
		private function onStatus(e:StatusEvent):void {

			switch(e.level) {

				case “status”:

					trace(“swf send success”);

					break;

				case “error”:

					trace(“Failed”);

					break;

			}

		}
		public function resultHandler(event:ResultEvent):void{

			datas = ArrayCollection(event.result);

			sendPhotoListData(datas, _imagePath);

		}

		private function onStatus(e:StatusEvent):void {

			switch(e.level) {

				case “status”:

					trace(“swf send success”);

					break;

				case “error”:

					trace(“Failed”);

					break;

			}

		}

		private function sendPhotoListData(data:*, _imagePath:String):void { //PhotoListData Request

			try {

				lc.send(“photoListData”, “dataHandler”, data, _imagePath);

			}catch (e:Error) {

				Alert.show(String(e));

			}

		}

		public function faultHandler(event:FaultEvent):void {

			Alert.show(event.fault.faultDetail, “Error”);

		}

이와 같은 방법으로 FLEX의 송신부에서 localConnection 객체를 생성해주고 StatusEvent리스너를 달아줍니다.

FLASH의 수신부에는 아래의 코드를 입력해줍니다.

public function UIMFL_Base() {

			Security.allowDomain(“*”);

			//

			lc = new LocalConnection();

			lc.client = this;

			try {

				lc.connect(“photoListData”);

			} catch (error:ArgumentError) {

				trace(“Can’t connect…the connection name is already being used by another SWF”);

			}

			thumblist.mask = thumbMask;

		}// End of Function

		//Flex to Flash Data Response Handler Define

		public function dataHandler(dt:*, _path:String):void {

			var responseData:* = dt;

			_strDomain = _path;

			totalElementNum = responseData.length;

}

수신부에서는 이처럼 세팅합니다. 이런 방식으로 FLEX에서 플래시로 데이터를 전달할수 있고, 플래시에서 다시 FLEX로 데이터를 전달할때는 이 방식도 가능하겠지만, Event를 디스패치 시켜서 받는 방식도 가능합니다

private function init():void{

 swfObj.content.addEventListener(“SWF_EVENT”, swfHandler);

}

private function swfHandler(e:Event):void {

 currentOsgsSeq = e.target.currentTargetID;

}

// 검색일자 초기화
    var now:Date = new Date();
    fromYYYYMMDD.selectedDate = now;      // 검색 : 시작일
    toYYYYMMDD.selectedDate = DateUtil.addDays(now,1); // 검색  : 종료일

----------------- dateutil.as

package biz.sehwa.core.utils
{
 public class DateUtil
 {
  public function DateUtil()
  {
  }
  
  /**
   * Add Month
   *
   * @param date:Date
   * @param months:Number Month Count
   * @return Date
   */
  public static function addMonths(date:Date, months:Number):Date{
   var rtnDate:Date = new Date(date.getFullYear(), date.getMonth() + months, date.getDate());
   return rtnDate;
  }
  
  /**
   * Add Week
   *
   * @param date:Date
   * @param weeks:Number Week Count
   * @return Date
   */
  public static function addWeeks(date:Date, weeks:Number):Date {
   return addDays(date, weeks*7);
  }
  
  /**
   * Add Date
   *
   * @param date:Date
   * @param days:Number Date Count
   * @return Date
   */
  public static function addDays(date:Date, days:Number):Date {
   return addHours(date, days*24);
  }
  
  /**
   * Add Hours
   *
   * @param date:Date
   * @param hrs:Number Hour Count
   * @return Date
   */
  public static function addHours(date:Date, hrs:Number):Date {
   return addMinutes(date, hrs*60);
  }
  
  /**
   * Add Minutes
   *
   * @param date:Date
   * @param mins:Number Minute Count
   * @return Date
   */
  public static function addMinutes(date:Date, mins:Number):Date {
   return addSeconds(date, mins*60);
  }
  
  /**
   * Add Seconds
   *
   * @param date:Date
   * @param secs:Number Seconds Count
   * @return Date
   */
  public static function addSeconds(date:Date, secs:Number):Date {
   var mSecs:Number = secs * 1000;
   var sum:Number = mSecs + date.getTime();
   return new Date(sum);
  }
 }
}

Flex 4 animate properties

by Dave on Jan.25, 2010, under Actual RIA info, Adobe AIR, Adobe Flex

<?xml version="1.0" encoding="utf-8"?>
<s:MXAdvancedDataGridItemRenderer xmlns:fx="http://ns.adobe.com/mxml/2009"
          xmlns:s="library://ns.adobe.com/flex/spark"
          xmlns:mx="library://ns.adobe.com/flex/mx"
          focusEnabled="true"
          autoDrawBackground="false"> <-- 마우스 오버시 백그라운드 
 <fx:Script>
  <![CDATA[
   import mx.controls.AdvancedDataGrid;
   import mx.controls.advancedDataGridClasses.AdvancedDataGridListData;
   
   private const NORMALCY_COLOR:uint = 0x000000; // 0:정상(검정)
   private const PROBLEM_COLOR:uint = 0xFF0000; // 1:장치이상(빨강)
   private const INSPECTION_COLOR:uint = 0xFFFF00; // 2:점검(노랑)
   private const WARNING_COLOR:uint = 0xFF9900; // 3:경고(주황)
   private const DANGER_COLOR:uint = 0xFF0000; // 4:위험(빨강)
   
   private var strData:String;
   private var strDataError:String;
   
   override public function set data(value:Object) : void {
//    super.data = value;
    var arryStr:Array;
    if(value != null){
     
     var tmpStr:String  = (value[AdvancedDataGridListData(listData).dataField]) as String;
     arryStr = tmpStr.split("/");
     if(arryStr.length > 1){

      itemLabel.text = arryStr[0] as String;
      itemLabel.setStyle("color",getTLDS_TC_Color(arryStr[1]));
      
      strData = arryStr[0] as String;
      strDataError= arryStr[1] as String;
      itemLabel.addEventListener(MouseEvent.ROLL_OVER,overToolTip);
     }
    }
   }
   
   private function overToolTip(event:Event):void{
    this.toolTip = "[측정값:"+this.strData+"] [상태:"+getTLDS_TC_ErrorMsg(strDataError)+"]";
   }
   
   
   private function getTLDS_TC_Color(val:String):* {
    var rt:uint = 0x000000;
 
    //0:정상, 1:장치이상, 2:점검, 3:경고, 4:위험
    switch(val) {
     case "0": rt = 0x000000; break; //정상 검정  0x000000
     case "1": rt = 0xFF0000; break; //에러 빨강
     case "2": rt = 0xFFFF00; break; //주의 노랑
     case "3": rt = 0xFF9900; break; //경고 주황
     case "4": rt = 0xFF0000; break; //에러 빨강
    }
    return rt;
   }
   
   private function getTLDS_TC_ErrorMsg(val:String):String {
    var rtnStr:String = "";
    
    //0:정상, 1:장치이상, 2:점검, 3:경고, 4:위험
    switch(val) {
     case "0": rtnStr = "정상"; break; //정상 검정  0x000000
     case "1": rtnStr = "에러"; break; //에러 빨강
     case "2": rtnStr = "주의"; break; //주의 노랑
     case "3": rtnStr = "경고"; break; //경고 주황
     case "4": rtnStr = "에러"; break; //에러 빨강
    }
    return rtnStr;
   }
  ]]>
 </fx:Script>
 
 <s:Label id="itemLabel" text="" left="2" right="2" verticalCenter="0" backgroundAlpha="0"/> <-- 여기도...(랜더러로 만들지 않고 그냥 컴포넌트로 만들면 이부분만 처리해주면됨... 랜더러로 만드려면 위에 부분에 처리해줘야 함..

1시간 삽질후~~

</s:MXAdvancedDataGridItemRenderer>

출처 : http://eflex.tistory.com/entry/DataGrid-%EC%A0%84%EC%B2%B4-%EB%8B%A4%EC%8B%9C-%EA%B7%B8%EB%A6%AC%EC%A7%80-%EC%95%8A%EA%B3%A0-%EB%8D%B0%EC%9D%B4%ED%84%B0%EB%A7%8C-%EA%B0%B1%EC%8B%A0%ED%95%98%EA%B8%B0

<?xml version="1.0" encoding="utf-8"?>
< s:Application xmlns:fx="http://ns.adobe.com/mxml/2009"
xmlns:s="library://ns.adobe.com/flex/spark"
xmlns:mx="library://ns.adobe.com/flex/mx" creationComplete="application1_creationCompleteHandler(event)" >


<fx:Script>
<![CDATA[
import mx.collections.ArrayCollection;
import mx.events.CollectionEvent;
import mx.events.FlexEvent;

[Bindable]
private var ac:ArrayCollection = new ArrayCollection();
private var arr:Array = new Array();

protected function application1_creationCompleteHandler(event:FlexEvent):void
{

arr.push({first:"aaaaa", second:"bbbbbb"});
arr.push({first:"ccccc", second:"dddddd"});
arr.push({first:"eeeee", second:"ffffff"});
arr.push({first:"ggggg", second:"iiiiii"});
arr.push({first:"aaaaa", second:"bbbbbb"});
arr.push({first:"ccccc", second:"dddddd"});
arr.push({first:"eeeee", second:"ffffff"});
arr.push({first:"ggggg", second:"iiiiii"});

ac.source = arr;
dg.dataProvider = ac;
}


protected function button1_clickHandler(event:MouseEvent):void
{
//var arr2:Array = new Array();
arr[0]={first:"2222", second:"bbbbbb"};
arr[1]={first:"333", second:"dddddd"};
arr[2]={first:"444", second:"ffffff"};
arr[3]={first:"5555", second:"iiiiii"};

ac.refresh();
//또는 dg.dataProvider.dispatchEvent(new CollectionEvent(CollectionEvent.COLLECTION_CHANGE));
}

]]>
</fx:Script>

<mx:DataGrid id="dg" >
<mx:columns>
<mx:DataGridColumn dataField="first" />
<mx:DataGridColumn dataField="second"/>
</mx:columns>
</mx:DataGrid>

<mx:Button id="addBtn" y="200" label="add" click="button1_clickHandler(event)"/>
< /s:Application>

6 Tips for a Great Flex UX: Part 4

출처 : http://blog.naver.com/PostView.nhn?blogId=dennis0203&logNo=140133999738&redirect=Dlog&widgetTypeCall=true

에러내용

faultCode:InvokeFailed faultString:'[MessagingError message='Destination 'memberDao' either does not exist or the destination has no channels defined (and the application does not define any default channels.)']' faultDetail:'Couldn't establish a connection to 'memberDao''

이런 애러가 나는 이유는 플렉스 컴파일러가 services-config.xml을 못찾기 때문이다.

Properties - Flex Compiler - Additional compiler arguments 에 다음과 같이

-services "절대경로\service-config.xml" 을 추가해주면 문제는 해결된다.

또는 Navigator로 프로젝트 루트에 .actionScriptProperties 파일을 직접 수정해도 된다.

추가로

그래도 컴파일이 되지 않는 경우가 있다.. 머가 하나 빠뜨린게 있어서..

콘솔로 컴파일 해보니 다음과 같은 에러가 난다. '...context root has not been defined...'

Properties - Flex Server 에 다음과 같이 입력하거나

Navigator로 프로젝트 루트에 .flexProperties 파일을 직접 수정하면 된다.

http://visunetdemos.demos.ibm.com/webdemos/gauges/gauges.html

http://www.maani.us/gauge/index.php